Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

product-preview-card-component-main

Othman 380

@Rizqy777

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

imLumarq 210

@imLumarq

Posted

Hi Othman

  • I would suggest using em for your media queries

Give this article a read: PX, EM or REM Media Queries?

Here's my solution:

https://www.frontendmentor.io/solutions/product-preview-card-FyiG1l-E-s

I hope you find this helpful 😄!

Happy Coding!

Marked as helpful

0

Othman 380

@Rizqy777

Posted

@imLumarq Hi, First of all thanks for your advice, I would like you to please explain it to me because I didn't really understand what you are trying to tell me. What I understood is that in "@media" use "em" or "rem" instead of "PX"? Thank you.

0
imLumarq 210

@imLumarq

Posted

@Rizqy777 Sorry for not being clear enough. Use the "em" unit within the media query eg.

/*500px*/
@media (max-width: 31.25em){
.container_card{
...
}
}
0

Please log in to post a comment

Log in with GitHub
Discord logo

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