Section tag wont cover the entire container height
I am trying to create an interface that covers the entire viewport, however the section tag, despite having
h-full
is only covering about 50%-60% of the total height leaving a large open area at the bottom of the screen.
Any ideas what I'm doing wrong that is preventing this element from filling its entire container?
Here is the live example showing the issue: https://www.darkalmanac.com/buildsDark Almanac - The Dark and Darker Build Tool
A tool designed to plan out builds for each class in the game Dark and Darker
2 Replies
I guess that's because
<main/>
height is increased by a flex property, so the children can't properly get the adjusted height.
Try this changes:
The point is that you need to keep adjusting the height of the children the same way you increased the first parentyeah i didnt realize that
flex-1
wasnt defining the element as flex it was defining how it flexes in regard to its parent! I figured it ty man