Responsive Product Preview Page using flexbox

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! :)