CSS Grid Stucture Example

CSS

body {
font-family: times new roman; 
font-size: 1em; 
background-color: #D8ECFF;
text-align: left;
}

* {
  box-sizing: border-box;
}

[class*="col-"] {
  float: left;
  padding: 1em;
  border: 0.1em;
  border: 1px solid red;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

     .col-1 {width: 8.33%}
     .col-2 {width: 16.66%}
     .col-3 {width: 25%}
     .col-4 {width: 33.33%}
     .col-5 {width: 41.66%}
     .col-6 {width: 50%}
     .col-7 {width: 58.33%}
     .col-8 {width: 66.66%}
     .col-9 {width: 8.33%}
     .col-10 {width: 75%}
     .col-11 {width: 83.33%}
     .col-12 {width: 100%}

 a:link {color: #0000CC; text-decoration:none;} 
 a:visited {color: #0000CC; text-decoration:none;}
 a:active {color: #FF3300; text-decoration:none;}
 a:hover {color: #FF0000; text-decoration:none;}

/* for centering things */
.center { 
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}