Skip to content
Submitted about 2 years ago

Product preview card component (HTML + CSS) 🚀

Andréee 👾•190
@aandreluis
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, that's my solution to the challenge! 👨‍💻

I can't make the component not stick to the top of the layout on smaller screens (mobile) in some sizes the image is cut off at the top 🤯🤯

Could someone tell me what I'm doing wrong? 🤔

Community feedback

  • Odapu Richard•140
    @11-AcePosted about 2 years ago

    have you gotten a solution? I just checked your preview, and everything seems fine

    1
    Andréee 👾•190
    @aandreluisPosted about 2 years ago

    @11-Ace I added a min-height to the .container and in the mobile screen size added a margin-top: 16px, I think it looks better that way! 🤔

    1

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