I’m working on a site using mostly grids for layout. In general, the grid contains all elements in a section.
It’s working mostly fine except when I get to the wides screen breakpoint (I’m previewing in Chrome) it doesn’t display as laid out (other styles, eg font size etc. seem to work fine.)
Another issue is that I added a wide margin to the sections, to move them to the right (using a vertical nav on the left.) Since I couldn’t use the container element, I made my own creating a class for sections with max width and left/right margins. This also works fine in smaller screens just not picking it up for the widest.
Here’s the read-only link.
Would greatly appreciate feedback. If I find out what it is, I’ll re-post here below…