Spacing - Build a technical documentation page

1

Hello, i have almost finished my project “Build a technical documentation page” . Everything was fine before i have added MEDIA QUERY .

Now i have small spaces in left side and top of the web page:

Spacing
Spacing1033×745 127 KB

And same spaces after i resize my window:

Spacing 2
Spacing 2517×813 85.5 KB

I just cant find my mistake. Please point out what im doing wrong!

https://codepen.io/SimonasZ/pen/MWaKvgz

2

Providing a link to your pen instead of screenshots helps people debug your code.

3

Nice catch! Here’s link: https://codepen.io/SimonasZ/pen/MWaKvgz

4

Try adding this as the first declaration in CSS;

* {
  margin: 0;
  padding: 0;
}

Edit: Should have explained. Browsers add some margin and padding by default. If you want to disregard that and just have your own you use the snippet above to clear it.

1 Like