Items not appearing on mobile with display box?
Hey guys, it looks like the first few divs i have in this codepen aren't appearing on mobile responsive? the first 2 divs i have here just appear to be off of the screen?
https://codepen.io/assyrianlegend/pen/OJwjgGJ
5 Replies
never set a fixed height on the body, if you want it to be full height, use min-height.
Yes that fixed it, is there a good video or document explaining why the height 100% is not working?
I don't know where your
height: 100% isn't working, but height as a percentage requires it's parent to have a height for that percentage to be based on. If the parent doesn't have a height, then it has nothing to base that calculation on, and so it doesn't do anything.
You also can't rely on something like min-height, because it still doesn't have a fixed value to be based on, since it can be that height, but it can also be bigger than that.he had 100vh
Yeah i had it set to 100vh, sorry for that typo! appreciate everyones help 🙂