Product component card responsive html and css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Nantenaina, congratulations for your solution!

  Your solution seems really well done, I saw that you've paid attention to the details and every element has the correct size and padding. The only thing is missing here is that you fix the component allowing it to be responsive and adjust the mobile media query.

  Here's some fixes you can apply:

  Allow the container to contract when the screen scales down replacing the width inside the container with max-width: 800px; not that changing that all the inner content fit the screen when the container contract.

  .container {
      display: flex;
      max-width: 800px;
      height: auto;
      color: aliceblue;
      height: 450px;
      margin-top: 5%;
  }
  

  Note that when the design changes into mobile there's a big gap between the screen bound and the container, my advice for is let the container allow to grow 100% of the container.

  Hope it helps and happy coding!

  0