The columns naming convention
Our columns will use a similar naming convention to that of Bootstrap. There will be four available sets of columns:
- The first will start from 0px up to the 399px .col-12
- The next will start from 480px up to 767px .col-12-small
- The medium will start from 768px up to 979px .col-12-medium
- The large will start from 980px .col-12-large
Having four options will give us the most flexibility.