Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found

Submitted

Responsive Mobile First product card preview using HTML and CSS

@J-HernandezM

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@fibonacci001

Posted

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

@J-HernandezM

Posted

@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
Discord logo

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