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 using HTML & SASS

#sass/scss
Dodeun 250

@Dodeun

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I think I should have fixed the height of the card instead of letting it be defined by the space all the text is taking and the height of the picture.

I have trouble importing media queries in SASS, I heard it was better to do all of your @import at the start of a scss file. But If I do so , most of the rules i set in my media queries are overwritten and i dont want to spam my media queries scss file with !important rules, i dont know how to fix this.

ps: I dont know why my solution in solution to design comparison is off, I looked at the page in Chrome , Firefox and Edge and it looks ok there.

Community feedback

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