how to fit to content and remove empty space?

Question

Hello, as you can see in this code a large void appears next to the images, I would like to eliminate them and make sure that the content fits well on the mobile screen, thanks
https://code.sololearn.com/WhKjva17Al04/?ref=app

Answer 1

You mean, space next to product item (I had to scroll to see this space).

This space exist because footer image(image at bottom) is wide, make this image 100vw on mobile. Vw is device width, you can learn here more about it, and others unit https://www.w3schools.com/cssref/css_units.asp

Answer 2

Wow, thank u so much