Make the dashboard height fit every device

I have a framework7 starter template and I have the bottom fixed navigation. The starter I am using can be found on the templates section of the framework7 website.

I want to create a dashboard page that can fit all devices without scrolling. What is normally done in framework7 to avoid having the content exceed the device height?

For instance in this https://hybapps-resources.s3.amazonaws.com/82a34e00b715f2e70c0cb443ea9fbdf8.png

You need to learn how CSS flexbox works https://developer.mozilla.org/en-US/docs/Web/CSS/flex