Brak wypełnienia całej strony

pytanie zadane 28 lutego 2018 w HTML i CSS przez KonDZIKs Bywalec (2,770 p.)

Witam :)
Przepraszam za temat pewnie był on już poruszany na forum z x razy lecz nie mogę znaleźć słów kluczowych na wyszukanie go dlatego taki tytuł.
Przechodząc do sedna dlaczego przy logo jest margines z lewej, prawej strony oraz górze i jak się go pozbyć? :)

Kod: https://codepen.io/Kondzik/pen/RQEemx

2 odpowiedzi

odpowiedź 28 lutego 2018 przez arces Pasjonat (17,700 p.)
wybrane 1 marca 2018 przez KonDZIKs

Najlepsza

https://codepen.io/arces92/pen/QQzzpp

W body nie miałeś zerowania marginesów oraz paddingów. W dodatku inline-block zawsze powoduje małe odstępy z lewej/prawej strony. Zmieniłem kod na float, jednak bardziej zainteresowałbym się Flex'em, gdzie to o wiele łatwiej wykonać.

P.S.

Nie styluj po ID ani nie używaj polskiego nazewnictwa. Ja się akurat tutaj dostosowałem do tego co miałeś.

komentarz 28 lutego 2018 przez KonDZIKs Bywalec (2,770 p.)

O Jezu... :D całkowicie mi wypadło to body z głowy :D dziękuje za pomoc :D

Na początku próbowałem z float leftem lecz nie szło teraz juz wiem o co chodzi :D

Ruszam na poszukiwania flexa :D

Tak wiem z tym polskim nazewnictwem kuleje ;/ zaraz pozamieniam na angielskie :D

PS. mógłbyś to wytłumaczyć .header:after ? :)

komentarz 28 lutego 2018 przez arces Pasjonat (17,700 p.)

To jest tzw. clearfix dla float'ów. Poczytaj o tym, jeżeli na razie nie chcesz korzystać z flex'a.

komentarz 28 lutego 2018 przez KonDZIKs Bywalec (2,770 p.)

Chętnie przeskoczę na flexy jeżeli jest lepsze od float :D

komentarz 28 lutego 2018 przez arces Pasjonat (17,700 p.)

Flex daje o wiele lepsze możliwości, do tego wcale nie jest taki trudny do zrozumienia.

komentarz 28 lutego 2018 przez KonDZIKs Bywalec (2,770 p.)

Chyba zgłupiałem...
Chciałem zmienić float na flex no i zmieniłem ale wszystko się sypnęło i wgl nie mam pojęcia dlaczego to nie chce działać... Pewnie to jakiś błahy błąd...

Kod: https://codepen.io/Kondzik/pen/RQEemx

komentarz 28 lutego 2018 przez arces Pasjonat (17,700 p.)

Kolego za szybko chcesz wszystkiego. Najpierw spokojnie naucz się flexa i przede wszystkim dokładnie, a później próbuj coś kodować.

Tutaj masz przykład jak to zakodować z flexem:

https://codepen.io/arces92/pen/MQLwrx