title: How to fix height, so items don't change the height of the container div?
body: <p>Currently it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/UR2RC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UR2RC.png" alt="enter image description here"></a></p>
  
  <p>I want the house icon to not resize the containing box, I currently use a container to keep the height and the width equal.</p>
  
  <p>Here is the scss:</p>
  
  <pre><code>$darkred: rgb(71, 0, 0);
  
  .sidenav {
      background-color: #000860;
      left: 0;
      width: 15%;
  }
  
  .item {
      display: block;
      overflow: hidden;
  }
  
  .content-container {
      background-color: #0789f4;
      right: 0;
      top: 0;
      height: 900px;
  }
  
  .container {
      background-color: $darkred;
      &amp;:hover {
          background-color: adjust-hue($darkred, 90deg);
      }
      width: 100%;
      padding-top: 100%; 
      position: relative; 
      border: 1px red solid;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code> &lt;mat-sidenav-container&gt;
    &lt;mat-sidenav #sidenav mode="side" [(opened)]="opened" class="sidenav" 
    [fixedInViewport]="true" [fixedTopGap]="0"
    [fixedBottomGap]="0"&gt;&gt;
    &lt;div class="container"&gt;
      &lt;div class="item"&gt;
        &lt;mat-icon&gt;home&lt;/mat-icon&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="container"&gt;
      &lt;div class="item"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="container"&gt;
      &lt;div class="item"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;/mat-sidenav&gt;
  
    &lt;mat-sidenav-content class="content-container"&gt;
      &lt;p&gt;&lt;mat-checkbox [(ngModel)]="opened"&gt;sidenav.opened&lt;/mat-checkbox&gt;&lt;/p&gt;
      &lt;p&gt;&lt;button mat-button (click)="sidenav.toggle()"&gt;sidenav.toggle()&lt;/button&gt;&lt;/p&gt;
    &lt;/mat-sidenav-content&gt;
  &lt;/mat-sidenav-container&gt;
  </code></pre>
  
  <p>I would prefer the house to be the center of the div and increase the size as well, however, I can (hopefully) figure that out by myself, I've taken a look at google and other answers but they don't seem to work for me.</p>