My Work

This project was really interesting.

For the previous project, I thought, isn’t this taking a bit long, it’s just a table.

Then when I got to this project, I realized why it was taking long.

It’s because I could use a bit of reviewing on my attribute selectors!

Started at night and finished it the next day.

The most important thing I learned from this activity was stars.

Let’s say you want to give a hotel

🟣⚪⚪⚪1 Star

🟣🟣⚪⚪⚪2 Stars

🟣🟣🟣⚪3 Stars

🟣🟣🟣🟣⚪4 Stars

🟣🟣🟣🟣🟣5 Stars

From the total numbe of available stars, this CSS lets you shade only one star (with a gradient), or shade only two stars or three etc, using nth-child.

That was pretty cool.