All solutions

well had problem to make it fit in only 100vh , how to do it ?

Well , i think it looks pretty good . couldn't get right for mobile devices (375px) . i couldn't deal with the damn gap in 375px , please share your ideas on that . for mobile devices in media query i just put display: flex and flex-wrap: wrap , so that gap was seen , but i don't know the next step .

Couldn't make it more right . Thanks for help in advance !!!

I couldn't add the bottom background . This isn't made responsive as i haven't gone there yet , so any suggestions on these two or more things will really be helpful. thanks ! , have a good day/night.

struggled a lot on the right side ( the description of the product ) . I couldn't adjust them properly and i have used margin a lot . Feedback will be appreciated. Thank you !!!

I haven't written a clean code as i am just starting . just understood how flex-box works. Tell me about the little width between image and the border i couldn't get it. thanks .