euxos / layout_stars

Product cards

1. Replace <your_account> with your Github username in the links
   • DEMO LINK
     
   • TEST REPORT LINK
2. Follow this instructions

Disable Multiplayer Cursors in figma to hide other cursors (Learn how)

---

The task

Implement the stars block used in the card.

• Reset browser's default margin
• Implement 6 stars blocks
  • The first one is general
  • Add 5 more blocks with a modifier per block from stars--1 to stars--5
  • Each block should have a given number of active stars without adding any special class for an individual star. (Use nth-child)
• The star size is fixed
• The distance between the stars is also fixed

---