I have built a landing page with the below HTML.
I have also carefully constructed a bootply, showing exactly how the Pink
div expands too far, and does not cover the screen as intended.
I have a pink region that should resize to take up the available space filling the browser, but not creating a scrollbar.
It appears that the breadcrumb, and the Heading are not being subtracted from the overall area used.
headingis in a
col, and is flex,
The page creates scroller for the combined height of the the heading and breadcrumb.
THIS SHOULD GROW, BUT NOT CREATE A SCROLLBAR
The CSS for Flex-grow is:
flex: 1 0 auto;
Posted in S.E.F
via StackOverflow & StackExchange Atomic Web Robots