ink rel="stylesheet" href="css/styles.css">

  <style>


  .wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }



   @media (min-width: 550px) {

    .wrapper {

    display: grid;
    grid-template-columns: repeat(12, [col] 1fr );
    grid-template-rows: repeat(5, [row] auto) ;
    grid-column-gap: 1em;
    grid-row-gap: 15px;
  }

  .header {
    grid-column: col / span 12;
    grid-row: 1 ;
  }

  .box1 {
    grid-column: col / span 4;
    grid-row: row 2;
  }

  .box1b {
    grid-c