All solutions

I didn't struggle as much as i did with my last solution. what i did have trouble with is creating the product container (The border surrounding the product). are there any easier ways to do so? how can i set the width of a product without having it fit the entire page's width?

all feedback welcome, even constructive ones.

The one thing that I have found difficult in writing this code is setting the viewport sizes. Some devices have different screen resolutions which can affect the layout of the webpage. This has been a learning experience for me since this is one of my first projects that I have worked on as I'm learning HTML, CSS, and JS. How can I improve on this without having to write multiple lines of code? anything to consolidate? Any feedback is appreciated. Thank you in advance.