Product cards

Replace <your_account> with your Github username and copy the links to Pull Request description:

• DEMO LINK
• TEST REPORT LINK

Follow this instructions

---

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

---

The task

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

Requirements:

• reset browser's default margins
• card width is 200px including 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

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

---