Skip to content
Submitted over 2 years ago

Product card template

Dhabiri•60
@Dhabiri
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

I had issues with the site responsivity. I had problems making the mobile view div display: none; on desktop but display on mobile. I had issues with my media queries in all and I would really hope to find someone who could put me through.

Community feedback

  • Dillon Porter•190
    @dillon-porterPosted over 2 years ago

    Hey Dhabiri,

    I hope this answer's your question about media queries:

    For your CSS code, instead of using display: block, at the top of your file use: #mobile { display: flex; justify-content: center; }

    Then your card component should align properly for mobile responsiveness.

    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