Kilka prostych pytań z CSS'a

Question

Witam,otóż tworzę sobie stronę dla znajomego i mam w tej sprawie kilka banalnych wręcz pytań.

1.Dlaczego na moje stronie dookoła niej jest taki biały paseczek na może 2px i jak siego pozbyć

2.Dlaczego między opisem a stopką czy też nagłówkiem jest taka przerwa

3.Jak okodować w cssie aby moja strona otwierała się na cały ekran przeglądarki na większości monitorach

Tutaj kod do mojej strony https://jsfiddle.net/DorianBajorek/1k1vqLh4/

Pozdrawiam :)

ps.Wiem że pytania podstawowe,lecz kto pyta nie błądzi :)

Answer 1

1 i 2: ustaw margin: 0 dla body i <h1>

body {
margin: 0;
}

3. Chodzi ci o responsywność?

Polecam używać narzędzi deweloperskich w przeglądarce. 

Answer 2

1.

html,body{
  margin: 0;
  padding: 0;
}

2. nagłówek h1 który umieściłeś w divie "content" ma automatyczny padding i margin które rozsuwają te elementy 

 

3.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

Comments

w tym 3 punkcie chodzi mi o to aby moja strona zajmowała dokładnie 100% wysokości.aby nie pojawiał sie z prawej strny pasek do przeciągania.Im mniejsza jest strona tym mniejszy ma być div o id content

---

zamknij wszystko w diva o wysokości 100% i dopasuj wewnątrz divy procentowo do jego wysokości.