How do I remove the white space at the top of the About page header?

Hi Jonathan, there are couple thing to fix. First, viewport meta should be ”initial-scale” not ”initial-scale”, fix this for all your html files. And second, your main.css is missing rule for h3 which should be ”h3 { margin: 0 0 1em; }”.

This white margin comes there because header is floated left and it’s not cleared before h3 and h3 has predefined top-margin. Actually better way to fix this for good, would be setting ”float: left;” for wrapper, so the header would be always cleared and there will be no more problems with that in different situations. Setting h3 top-margin to 0 only solves the problem when h3 is the first non-floated element on page.

So, if you set h3 margins and don’t touch wrapper and change h3 to h4 in your html, you will see that problem is there again. Fixing the wrapper will be permanent solution.

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
  clear: both;
}

h3 {
  margin: 0 0 1em;
}