Skip to content
Submitted over 1 year ago

Html and css

Henrik Danielsson•20
@HenrikDanielsson
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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

  • Matthew-Daniel White•90
    @PersianBluePosted over 1 year ago

    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
    Henrik Danielsson•20
    @HenrikDanielssonPosted over 1 year ago

    @PersianBlue Thank you so much :)

    1
  • Jawed Poya•20
    @Jawed-PoyaPosted over 1 year ago

    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

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