body{
    background-color: goldenrod;
    text-align: center;
}
    
 
    
        h1 {
          background-color: gray;
          
        }

        h2
        
        div {
          background-color: lightblue;
          text-align:center
        }
        
        ul {
          background-color: goldenrod;
          list-style-type: none; 
          
         }
        
          .container{     
            font-size: 40px;
            width: 100%;
            background: LightGray;
            display: grid;
            grid-template-columns: 50px 50px;

            @media(max-width: 899px)
           { (//max-height: 50vh);
            }
          
          grid-template-areas:
            "header header"
            "advert content"
            "footer footer";
          }