I’m trying to add some media queries to my home page. When I resize the page an entire section gets cut off. The section is directly under the header and includes a background image with an image on top of it which is also an a tag. There’s a small strip section (.showreel) at the foot of the section which also disappears.
I’m pretty sure this is to do with positioning of elements within the section, my understanding is that absolute positioned elements can reduce their height/width to 0 when re-sizing a page.
Here’s my codepen – https://codepen.io/MikeWhitehead/pen/YxqZxJ/