*
{
  box-sizing: border-box;
}

article2 img
{
  max-width: 100%;
}

@media (min-width: 40em){
  header2
  {
    display: grid;
    grid-template-columns: minmax(200px, 2fr) 5fr;
    align-items: center;
  }
  
  nav2
  {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
  }
  
  main2
  {
    display: grid;
    grid-template-columns: 2fr [aside] 1fr;
    grid-gap: 2em;
  }
  
  .recipe
  {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 100px 1fr;
    grid-template-rows: 1fr 1fr;
  }
  
  .recipe__title
  {
    margin: 0;
    grid-column: 2 / -1;
    grid-row: 1 / span 1;
    align-self: end;
  }
  
  .recipe__desc
  {
    align-self: start;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    margin: 0;
  }
  
  .recipe__image
  {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    background-color: red;
    align-self: center;
  }
  
}