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

Product_Preview_Card_Component

P
Chris 710

@Chris-2811

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


Hi guys,

I'am struggling with the mobile version quite a bit, especially with the container dimensions padding right is not working and the content is overflowing. Does anyone know how I can fix this problem? Thank You !

Community feedback

Sam 910

@JustANipple

Posted

Hi Chris! Your content is overflowing because you're setting a fixed width, so the content is not breaking until it gets to the border of that width, that is overflowing the mobile view. You could set a max-width and then the block will resize to keep the content visible. Delete the .card-right {width: 50%} and the block will be responsive Remove the "/" before the img link and it will show up live

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