Skip to content
Submitted about 1 year ago

Responsive Product card using Flexbox

Abere Fejiro•490
@Fejiro001
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 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
    @GulshanoyIbragimovaPosted about 1 year ago

    @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

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