Skip to content
Submitted 3 months ago

Perfume Product Preview Card Component

Max•210
@maxkdavis
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

What are you most proud of, and what would you do differently next time?
  • mobile-first approach
  • using css media queries to create responsiveness desktop layout
What challenges did you encounter, and how did you overcome them?
  • flexbox container stretching beyond the expected height of the parent, wrapper container.

Community feedback

  • dcx2024•110
    @dcx2024Posted 3 months ago

    How did you get exact font-weight

    0
    Max•210
    @maxkdavisPosted 3 months ago

    @dcx2024 if you're able to down the design files for Figma you can click on each text element and it'll show you the correct font-family, size, weight, line-height, etc. Hope that helps!

    1
    dcx2024•110
    @dcx2024Posted 3 months ago

    @maxkdavis thank you

    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