Mastering Sass

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.