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

You need to learn how CSS flexbox works