project.css




/*Beginning grid CSS*/

.grid {
    display: grid;
    grid-template-columns:auto auto auto;  /*repeat(7, 1fr);7 columns*/
    grid-template-rows:100px 100px 100px /*100px*/;
    }
  
  .section4 {
    grid-column:1;
    grid-row:1;
    background-color:white;
    color:black;
    text-align:center;
    Font-size:20px;
  }

.section5 { 
grid-column:1;
grid-row:2;
background-color:whitesmoke;
color:black ;
text-align:center;
Font-size:20px;
}  

.section6 {
grid-column:1;
grid-row:3;
background-color:white ;
color:black;
text-align:center;
Font-size:20px;
}


.section7 {
grid-column:1;
grid-row:4;
background-color:white ;
color:black;
text-align:center;
Font-size:20px;
}

.section8 {
grid-column:1;
grid-row:5;
background-color:white ;
color:black;
text-align:center;
Font-size:20px;
}




.section9 {
    grid-column:1;
    grid-row:5;
    background-color:white ;
    color:black;
    text-align:center;
    Font-size:20px;
    }
p.one {
border-style: solid;
border-width: 5px;
}
  
p.two {
border-style: solid;
border-width: 5px;
}
    
p.three {
border-style: solid;
 border-width: 5px;
}

   
p.four {
border-style: solid;
border-width: 5px;
}



p.five {
    border-style: solid;
    border-width: 5px;
    }
    


    p.six {
        border-style: solid;
        border-width: 5px;
        }