There doesn’t seem to be a way to set a maximum width to a certain set of grid columns within a grid element.
My desire is to have a custom container (a div) to contain most of the site’s content, let’s say a 3 column grid. Every once in a while, I’d like to break that container (div) and have an element extend to the left/right edge of the entire viewport, but still be inline with the center grid’s columns and gaps. I’ve tried this a few different ways without any success.
Essentially, I need a grid that spans the full width of the viewport with some extra tricky functionality added to it - a full width grid, that has a group of grid columns contained by a max width - the result being a grid that I can pull elements manually throughout the full width, but the middle set acting as a “container”.