Portfolio - few questions

I wanna make something like this https://codepen.io/FreeCodeCamp/full/YqLyXB/ , problem is when I make fixed top navbar my next content doesn’t start under navbar, it start behind navbar. Why is that and how to make it work?
this is my code: https://codepen.io/FreeCodeCamp/full/YqLyXB/

  1. what this part do?
           ```<span class="icon-bar"></span>
          ```<span class="icon-bar"></span>
          ```<span class="icon-bar"></span>

That header is placed using the tags below:

<header id="banner" class="navbar navbar-default navbar-fixed-top" style="top: 0px;">

The navbar-fixed-top class assigns position: fixed, top: 0 which is why it stays at the top of the page. Because it’s fixed it doesn’t affect the other elements on the page. (That includes pushing elements below it).

When you know your page will have a fixed header you can add a margin to a container or the body to compensate.

body { margin-top: 20px; }

1 Like

the span class=‘sr-only’ makes that part on display on screen readers

Thank you for the answer. I have one more how can I add space between images. I use class=“img-respnsive”.

for the .img-responsive class, add the css margin-bottom: value in px. 30-50 px should work