I'm a complete beginner with no prior knowledge of html or css. That being said I've managed to create a simple website that I was happy with. Until I needed to include dimensions for a smaller viewport specifically for 375 x 667. The width is fine but its the height thats giving me issues. As you can see from the video my boxes are overlapping/disappearing when the height is reduced.
This is my website:
I've tried changing the home section to display:grid instead of using flex but its the same.