Skip to content
Submitted almost 2 years ago

Product_Preview_Card_Component

Chris•710
@Chris-2811
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

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•970
    @JustANipplePosted almost 2 years ago

    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

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