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
Not Found
Not Found
Not Found

Submitted

Responsive Product card using Flexbox

@Fejiro001

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


  • I had issues when it came to the image when resizing for mobile devices
    • If anyone has any input on how best to go about this, your input will be great

Community feedback

Guli 70

@GulshanoyIbragimova

Posted

@Fejiro001

Hello, great work job on this one!

For images, in html you can input both of them and set the display of mobile image to none. And when using media query you can give the destkop image display none and to the mobile image display block or flex and style it accordingly

Marked as helpful

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