Submitted 11 months ago

Responsive Product preview card with html and css using BEM

bem

Djamel1133•910

@Djamel1133

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

my first : -BEM convention naming -Mobile-first approach

Code

Please log in to post a comment

Community feedback

Zxjklp•490
@Zxjklp
Posted 9 months ago
Hi @Djamel1133,

Great job on the project! I’d love to share my feedback.
- Since your <link> includes font-display: swap, you don't need to repeat it in your CSS file.
- Image elements do not have explicit width and height.
```
<img class="card__image" src="assets/images/image-product-desktop.jpg" alt="parfum image">
```
Marked as helpful
Mizanur Rahman•160
@MizanSafin
Posted 10 months ago
I think very nice & perfect design I love it , But there is slight problem in typography like- font-weight of product name(perfume).

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord