Product Description component using html and CSS flexbox

Community feedback

• 

  João Gabriel•340

  @joaojgabrielPosted over 2 years ago

  You'd probably be better off using Flexbox with flex direction: column for the content on the right to prevent unwanted overflow; that is how I did it. A media query closer to 700px is also warranted, so it doesn't stretch the image further than its intrinsic width (of 687px if I remember correctly). Giving a greater width to the squished desktop version to give the inside elements some room to breathe is probably a good idea as well. Additionally, using the <picture> element in the HTML to load only the necessary image is arguably better.

  Marked as helpful

  0