vadim-os / layout_product-cards

Product cards

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

---

The task

Create a pages with product card using flexbox basing on the mockup.

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

Common mistakes

• Add ALL data-qa attributes required in the task
• Do not use tabs. Use 2 spaces for indentation.
• Don't use repeated styles.
• Item with text 'Купить' should be a link.
• Check font styles. Use google fonts

Requirements:

• reset browser's default margins
• card width is 200px without border
• use images from src/images
• change link styles on :hover
• follow styles from the mock
• add data-qa="card" attribute to the card block
• add data-qa="hover" attribute to the link

---