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

Html and css

@HenrikDanielsson

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


The sizing of the text was a problem for me, could not seem to figure out the letterspacing and line height, if there even was any difference from the standard.

Community feedback

@PersianBlue

Posted

Lovely code structure. I used columns and flex-direction to get the layout to change from vertical to horizontal at the different screen sizes, but I love how you simplified it by just using flex-wrap. You've also inspired me to try out using CSS grid as I see how much easier it made centering everything for you. And I'm taking notes on how you used a separate stylesheet for a CSS reset. Good stuff

Marked as helpful

1

@HenrikDanielsson

Posted

@PersianBlue Thank you so much :)

1

@Jawed-Poya

Posted

That is so good a little problem in lead text of parfum & old price font size.

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