CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
ZaitseV
ZaitseV

Reputation: 179

Incorrect positioning of the divs

how can I solve this unlucky positioning of divs? As you can see from the Codepen here the #about div and the #link div are going overlayed.. This will be a full screen single page scrollable site and to set every div to have a full height I wrote the following rows of code which I think causes the problem. Thank you in advance! :)

#main, #about, #link, #third {
  height: 100vh;
  padding-top: 40px;
}

EDIT: The problem appear on small devices (even if you reduce the size of the window). The div with the ID #about is placed under the div with ID #link with the result that the text become illegible.

Upvotes: 0

Views: 60

Answers (1)

balazssagi
balazssagi

Reputation: 91

Try min-height: 100vh instead of height: 100vh, so the divs can expand if needed.

Upvotes: 4

Related Questions