A Simple ⭐ Rating Code Pen

1 minute read

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.

See the Pen https://codepen.io/nickytonline/pen/XVoKom by nickytonline (@nickytonline) on CodePen.