Responsive Product Preview Page using flexbox

Community feedback

• 

  h415232•110

  @h415232Posted over 1 year ago

  Hi, your solution is good already! I have some small comments to make your solution look better:

  • Add a Border Radius to your container and image, so that it will resemble the mock-up design better. You can add border-radius: 20px for the container and border-radius: 20px 0 0 20px for the image to achieve the same effect with the mock-up.

  • For the product description, the text is a bit squeezed vs the mock-up. I would suggest adding line-height and letter-spacing to make the text less squeezed.

  • For the product type [PERFUME], adding letter-spacing would make it less squeezed, similar to the comment above.

  Happy coding! :)

  Marked as helpful

  0