Skip to content
Submitted over 2 years ago

Product preview card component

#sass/scss
Md5 dalton•1,430
@md5dalton
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

Hello everyone👋

First time I timed myself while doing a challenge. It took me 4 hours to complete. I'd like to hear some feedback from anyone who has done a challenge similar to this one and how long it took them to complete.

Cheers👌

Please log in to post a comment

Log in with GitHub

Community feedback

  • Elaine•11,360
    @elaineleung

    Hi MD5 Dalton, good question, I'm also curious how long it takes to complete a challenge like this; since I've already done this one, I might find a similar one to do and time myself.

    Great work here overall, and by the way, if you're wondering why the font family looks different in your screenshot compared to the design, it's because you're using the optical view version of this font. To make the screenshot look like the design's, you'll just need to copy the link again and uncheck the optical view box. As for other feedback, I think the only thing I would change is changing the div tags into inline text elements if they aren't doing anything particular (e.g., being used for flexbox), or just wrap the text in an inline text element, which would be better for semantic HTML than using a div for just text.

    If I ever time myself, will be sure to let you know! 🙂

    Marked as helpful

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