Gap in-between sections, help!

Code Feedback
1

Hello,

I am trying to figure out why there is a small, white gap in between my welcome section and my projects section?

Here is a link to my portfolio codepen: https://codepen.io/kamilahd/pen/qBaBWNX?editors=1100.

Please help! Thank you in advance :slight_smile:

1 Like
2 
#projects {
  margin: 10px;
  background-color: #c0c0c0;
}

Your margin: 10px; could be the issue.
If you change it to -20px for example, the white goes away, but also on the side and under.

3

One way to figure this out is to open the dev tools inspector in your browser and then start hovering over elements until you find the one that is causing the gap. In this case, if you hover over the h2 at the top of the projects section you’ll see that it has a top margin on it that is causing the white space.

4

+1 to learning the dev tools. Here are some links as well.

Chrome

Firefox
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector

Google Chrome Developer Tools Crash Course

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.