A Simple ⭐ Rating Code Pen

Cover image care of Flickr user sparkyloe.

Continuing along with my 2018 Resolutions to make Code Pens this year, here is my latest. A super simple rating component showing how with just CSS you can go from 1 to 5 stars. I'll admit that there is nothing mind blowing in terms of what the pen does, but the point of it is to demonstrate a way to overcome the lack of previous sibling selector in CSS via Flexbox with row-reverse.

Here's last week's Code Pen, Quick Hulk Code Pen, if you wanna check it out.

Comments

[Bennett Mouton]

Am I the only one who can't see anything?

[Nick Taylor]

Do you not see the embedded code pen? This is what I see.

[Bennett Mouton]

It is appearing now! It wasn't before though! Looking forward to more of your pens this year :)