I had originally avoided including breakpoints as part of grid layouts, since I wanted us to think a little more about being responsive around the content instead of different device sizes. However, I do feel like there's maybe some potential in having basic utility layouts as part of the grid system.
I've added .col-sm-x for devices > 800px, .col-md-x for devices > 1000px, and .col-md-lg for everything else over 1200px. Ideally, the .col-x would be universal for all devices including mobile so nothing existing should break.
I had originally avoided including breakpoints as part of grid layouts, since I wanted us to think a little more about being responsive around the content instead of different device sizes. However, I do feel like there's maybe some potential in having basic utility layouts as part of the grid system.
I've added
.col-sm-x
for devices > 800px,.col-md-x
for devices > 1000px, and.col-md-lg
for everything else over 1200px. Ideally, the.col-x
would be universal for all devices including mobile so nothing existing should break.