How can I fix navbar overlapping content?

HTML-CSS
1

Here is what I have done: https://codepen.io/AkronFrost/pen/KKMjYvP

2

Hello @akronfrost,

The first thing that came to my mind is to give a top margin to features section (id: features).

#features {
    margin: 30px auto auto auto;
}

Maybe there are better and elegant ways to fix this.

Thanks.

3

Thanks, but did not fix it. Looks like the container has to start after the navbar. We keep trying. Cheers

4

You could give the #header a padding-top to make it higher.