All containers under .main-content have no heights defined. So why would .card-body be full height? (Note that in HTML/CSS, most elements are height: auto by default.)
You could either add heights to the nested containers, or add display: flex, which will give the children full height through the align-items: stretch default.
All containers under .main-content have no heights defined. So why would .card-body be full height? (Note that in HTML/CSS, most elements are height: auto by default.)
You could either add heights to the nested containers, or add display: flex, which will give the children full height through the align-items: stretch default.
All containers under .main-content have no heights defined. So why would .card-body be full height? (Note that in HTML/CSS, most elements are height: auto by default.)
You could either add heights to the nested containers, or add display: flex, which will give the children full height through the align-items: stretch default.