Strona źle się wyświetla na telefonie html css

pytanie zadane 29 grudnia 2017 w HTML i CSS przez ziomek7 Obywatel (1,060 p.)
zamknięte 31 grudnia 2017 przez ziomek7

Witam, próbowałem napisać responsywną stronę. Problem, który mam to wysokość strony na telefonie. Pod kafelkami jest jeszcze dużo wolnego miejsca. Jak zmienić wysokość strony zeby na telefonie nie było tyle wolnego miejsca?

Wgl czy kod jest dobrze napisany? https://jsfiddle.net/5fLcxsd5b/

komentarz zamknięcia: problem rozwiazany

1 odpowiedź

odpowiedź 30 grudnia 2017 przez mi-20 Stary wyjadacz (13,190 p.)
wybrane 30 grudnia 2017 przez ziomek7

Najlepsza

kolumny 4,5 i 6 mają margin-top:100px; a wraz ze zmianą rozdzielczości nic z nimi nie robisz dlatego odległość pozostaje taka sama. Co do jakości kodu nie będę oceniał ponieważ sam, jak na razie, zrobiłem zaledwie dwie strony w których sam napisałem responsywność, później przeszedłem na Bootstrapa, co prawda wyszły dobrze ale idealnie nie jest :)

komentarz 30 grudnia 2017 przez ziomek7 Obywatel (1,060 p.)

ale to co mam zrobic? chce zeby te kolumny zostały tak jak są. chodzi mi o to zeby znikneła luka na dole. W innych stronach obraz jest przyblizany

komentarz 30 grudnia 2017 przez mi-20 Stary wyjadacz (13,190 p.)

chodzi Ci o poziomą lukę pomiędzy kafelkami?

komentarz 30 grudnia 2017 przez ziomek7 Obywatel (1,060 p.)

nie, to jest margines. chodzi mi o lukę w drugim rzedzie pod kafelkami (miedzy kafelkami a koncem strony. Na telefonie wyglada to nie estetycznie, dlugosc strony jest zbyt duza

komentarz 30 grudnia 2017 przez mi-20 Stary wyjadacz (13,190 p.)

spróbuj może w głównym divie ustawić to padding-bottom i dać go ujemnego (nie zalecane chyba, ale działa) lub spróbuj się pobawić bottom. Nic samo z siebie się nie wzięło, włącz sobie inspektor w Firefox lub Chrom, przełącz na tryb responsywny i znajdziesz błąd