daxko/design

Include basic breakpoint utility layouts as part of the grid

Closed this issue · 1 comments

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.

Closing this for now. I don't think I want to add anything further.