grid.css

@charset "utf-8"; 
* {
    box-sizing: border-box;
}
div[class^="col-"] {   
    float:   left;   
}
div.col-1-1  { width: 100%; 
    justify-content: flex-start}
div.col-1-6  { width:  16.5%;    }
div.col-2-4  { width:  50%;   } 
div.col-1-62  { width:  16.5%;    } 
div.col-1-5  { width:  20%;    } 
div.col-3-5  { width:  60%;    } 
div.col-1-4  { width:  25%;    } 
div.col-7-20  { width:  35%;    } 
div.col-3-10  { width:  30%;
    justify-content: flex-start    } 
div.col-4-6  { width:  66%;    } 
div.col-1-6  { width:  17%;    } 
div.col-1-3  { width:  33%;    } 
div.col-1-3  { width:  33%;    } 
div.col-1-10  { width:  10%;    } 
div.col-9-10  { width:  90%;    }  
div.col-2-10  { width:  20%;    } 
div.col-8-10  { width:  80%;  
    justify-content: flex-start  }  
div.col-2-10  { width:  20%;    } 
div.col-1-10  { width:  10%;    }  
div.col-4-10  { width:  40%;    }  
div.col-7-10  { width:  70%; 
    justify-content: flex-start   }  
div.col-6-10  { width:  60%;    }  
div.col-05-10 {width: 5%;   }