product-preview-card

Community feedback

• 

  P

  Jake Godsall•1,390

  @jakegodsallPosted 8 months ago

  Hi 👋

  Great work with this project! It looks really great.

  One point is that you have applied a fixed-value width: 344px on the card-container element. This means that when the viewport width is smaller than this the container will overflow and you won't be able to see it all without scrolling.

  A solution to this problem would be to apply a percentage-based width along with a fixed-value max-width for larger viewports.

  For example:

  .card-container {
      width: 90%;
      max-width: 350px;
  }
  

  Hope this helps! Happy coding 😁

  0