style-grid.scss

@use './variables';

* {
    margin: 0;
    padding: 0;
}

#container {
    display: flex;
    flex-direction: row;
    height: 100vh;
    background-color: $background-color;
  
    #navbar {
      width: 6%;
      background: $panel-color;
      margin: 0.5% 0.5% 0.5% 1%;
      border-radius: 0.5em;
    }
  
    #content {
      display: flex;
      flex-direction: column;
      width: calc(100% - 10%);
  
      .row {
        display: flex;
        flex-direction: row;
        flex: 1;
  
        .column {
          display: flex;
          flex-direction: column;
          flex: 1;
  
          #graph1, #graph2, #graph3, #graph4 {
            height: 100%;
            background: $panel-color;
            margin: 1%;
            border-radius: 0.5em;
          }
        }
      }
    }
  }