Grid-site CSS

 

main{

  box-sizing:border-box; 

  margin:0; 

  padding:0;

  display:grid;

  border:2px solid black;

  grid-template-rows: 60px 100px 100px 60px;

  grid-template-columns:repeat(3,1fr) 150px;

  height:100%;

  grid-gap:10px;

  

  

}

.header{

    background-color:red;

    grid-column:1/-1;

}

.box1{

   color:white; 

   background-color:blue; 

  

  

}

.box2{

   color:white; 

   background-color:green;

}

.box3{

   color:white; 

   background-color:yellow;

}

#section{

    background-color:aqua;

    grid-column:1/4;

    grid-row:3/9;

    

}

#aside{

    background-color:orange;

    grid-column:4/5;

    grid-row:2/9;

}

#footer{

    display:grid;

    background-color:violet;

    grid-column:1/-1;

    

    

}