Skip to content
Submitted almost 2 years ago

Responsive Mobile First product card preview using HTML and CSS

JUAN JOSE HERNANDEZ MUÑOZ•360
@J-HernandezM
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

is there a way to do it better? im starting to learn HTML and CSS basics so i dont know REACT yet im in the basis of JS so far

Community feedback

  • Gift Richard•520
    @fibonacci001Posted almost 2 years ago

    you really did a good job on the desktop display, but you should have grouped both the image and card content in a div and used display: flex; flex-direction: row; and in the media query, you change the direction flex-direction: column; hope you find this helpful @J-HernandezM

    Marked as helpful
    0
    JUAN JOSE HERNANDEZ MUÑOZ•360
    @J-HernandezMPosted almost 2 years ago

    @fibonacci001 thanks for your feedback. I didnt thought that way! I'll have that in mind next time thx!

    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