Great article as always Elliot. One thing that I can’t seem to find a workaround for is using the 8pt system with the Bootstrap Grid and it’s 30px gutter, for example, that it requires on Desktop settings.

Yes across 4 columns in Bootstrap (which takes up 360px in width on the large desktop settings) you can place elements in there and have them work fine with the 8pt method, but say you had 3 container elements (at 360px width each) and they are following the Bootstrap gutter of 30px, you can’t abide by the 8pt method (ie; it should be 32px between them not the 30 that Bootstrap offers).

Designer. Tutor. Created Cabana Design System for Sketch & Figma

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store