Jedna sekcja nanosi się na drugą.

Question

https://gist.github.com/Skibson/ec1fcc85033400905f9ac466c63f721d?fbclid=IwAR3oA8AsFSaGfW33Gn9Zl5BoACPFlyMHPHLwW8XTd3hNSbkZzgURy3q_XCw

Witam wszystkich !

 Mam pewien problem. Chodzi dokładnie o to, że w pewnym momencie podczas pisania ostatniej sekcji mojej strony zaczęła ona się nanosić na przedostatnią (poszczególne elementy które miały się znajdować w tej ostatniej sekcji pokazują mi się w tej przedostatniej.) Problem pojawia sie tylko gdy mam ORIENTATION:PORTREIT a dokładnie gdy chce sprawdzic wygląd strony w rozmiarze 320x533px. 

Do tego momentu wszystko było ok.

 

https://gist.github.com/Skibson/ec1fcc85033400905f9ac466c63f721d      LINK DO HTML /CSS

Bardzo proszę o wytlumaczenie mi co tu jest złe w tym kodzie.

Dzięki wielkie za pomoc !

Answer 1

W css masz:

.hobby {
    height: 40vh;
}

Zawartość twojej sekcji jest dłuższa od ustalonej wysokości pojemnika/sekcji. Pojemnik ma ustawioną wysokość na 40vh i pod nim zaczyna się kolejna sekcja. Jako, że zawartość jest za długa, wystaje ona i nakłada się na kolejną sekcje.

Jeśli występuje to tylko na rozdzielczości którą podałeś, ustaw dla niej "height: auto"

Comments

Super , naprawiłem swój błąd wszystko już gra. Dziękuję!