mate-academy/layout_product-cards

Product cards

Create a pages with product card using flexbox, BEM and SCSS based on this mockup.

Here are the Layout Tasks Instructions

Requirements:

• reset browser's default margins
• card width is 200px including border
• use images from src/images
• change link styles on :hover
• add data-qa="card" attribute to the card block
• add data-qa="hover" attribute to the link BUY
• background-image: url() should be relative to the index.scss. So should start with ../images.
• Rewrite stars block from the Stars task with SCSS and use it
• Find the required font on google fonts and use.

Checklist

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

• DEMO LINK
• TEST REPORT LINK

❗️ Copy this Checklist to the Pull Request description after links, and put - [x] before each point after you checked it.

• there 2 BEM blocks card and stars each in it own file
• SCSS Nesting is used for elements, modifiers and pseudo-classes
• SCSS Variables are used for main values and placed in a separate file
• all stars--N modifiers work as expected (Highlight first N stars)
• Code follows all the Code Style Rules ❗️

layout_product-cards's Issues

haven't fixed

    haven't fixed

Originally posted by @alexandra-protyanova in #2312 (comment)

it does'n work if I change
I ready to fix but it really doesn't work
maybe it is misunderstanding