Jim:

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.

https://www.bootply.com/bYlAS71OWw

Related Articles

best projectors for home
Free King Palm Leaf Rolls
Is the Euphoria Around Electric Vehic…
Gut-Directed Hypnotherapy: Transformi…
The Advantages Of Playing Online Casi…

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.

• heading is in a col, and is flex,
• .breadcrumb is flex.

The page creates scroller for the combined height of the the heading and breadcrumb.

          Home



Property Locations
    







               HEADING    


              THIS SHOULD GROW, BUT NOT CREATE A SCROLLBAR

The CSS for Flex-grow is:

.flex-grow {
  flex: 1 0 auto;
}