Layout

do you have a common set of spacings? what are the best practices for applying these different levels of spacing? what is the corresponding spacing in code? for example spacing sass variable 4px $spacing xxs 8px $spacing xs 16px $spacing s 24px $spacing m 48px $spacing l 96px $spacing xl baseline do you have a baseline grid? why? is it ever ok to place something off the grid? does the baseline grid differ between content and typography? columns do you use a column system or a horizontal grid? are there any best practices around column widths? how do gutters work? do you have well defined breakpoints? documenting them here can help make it clear when and how to adjust content responsively, e g // small devices (landscape phones, 576px and up) @media (min width 576px) { } // medium devices (tablets, 768px and up) @media (min width 768px) { } // large devices (desktops, 992px and up) @media (min width 992px) { } // extra large devices (large desktops, 1200px and up) @media (min width 1200px) { }