body > main > section > h2 {
    margin-bottom: 0em;
  }


  body.withAside > header,
  body.withAside > footer {
    grid-column: 1 / -1;
  }
  
  body.withAside > aside {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 1rem;
    
    padding: 2rem 1rem;
  }

      .autoFit4rem {
        
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 1rem;
      }
    
      .autoFit5rem {
        
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 1rem;
      }
    
      .autoFit8rem {
        
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 1rem;
      }
    
      .autoFit11rem {
        
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 1rem;
      }
    
      .autoFit12rem {
        
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 1rem;
      }
    
      .autoFit15rem {
        
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        grid-template-rows: auto;
        align-items: start;
        gap: 1rem;
      }
    
  .withAside {
  
    grid-template-columns: auto 1fr;
  }
  
  .gap1rem {
    
    gap: 1rem;
  }