DEV Community

Cover image for A Simple ⭐ Rating Code Pen
Nick Taylor (he/him)
Nick Taylor (he/him)

Posted on • Updated on • Originally published at iamdeveloper.com

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.

Discussion (3)

Collapse
itsbennett profile image
Bennett Mouton

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

Collapse
nickytonline profile image
Nick Taylor (he/him) Author

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

Collapse
itsbennett profile image
Bennett Mouton

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