I want to fit the contents on Angular Dashboard so all contents appear without scrolling downwards

Question

I created an Angular Dashboards but somewhow I want that all contents should be displayed without scrolling downwards. Means it fits to the window.

On the screenshot you can see that half of the Angular Dashboard is cut off. I didn't find the right solution, so maybe one of you have good idea how to fix the problem.

Answer 1

you can take this simple example

.parent{
  height:100vh;
  background:red;
  }
  
  .child1{
  height:50vh;
  background:green;
  }

<div class="parent">
  <div class="child1">
    test
  </div>
    <div class="child1">
    test
  </div>
</div>