Background doesn't cover main element

Hi,

I added a background to my ‘main’ element, however it does not cover all of the element. It stops short before the end of my timeline. This is the CSS I added:

#main {
background-color: rgba(255,255,255,0.7);
Max-width: 1000px;
margin: auto;
}

I tried to adjust the height of the background but this didn’t seem to work either. I’d like the background to cover the whole timeline and the link at the bottom of the page.

This is my code: https://codepen.io/IkeaFlowers/pen/rNwEKeZ

Thanks :slightly_smiling_face:

I would suggest you get rid of all the position relative positioning. Use margin and padding to create space between elements.

You also have to remove the default margin on the body for the page to not have a gap at the bottom.

Removing the relative positioning helped. Thank you!