matthewsimo/scss-flex-grid

Remove gutters on outside

Closed this issue · 2 comments

Would be great to have an option to remove gutters on the outside of the grid. I want the content of the first and last columns to touch the edge of the browser viewport.

Currently it does this but it means you get a horizontal scrollbar on the page. If you set padding to eliminate the scroll bar as suggested in other issues then the gutters of those columns bring the content in from the edge of the page.

realised actually you could just add overflow-x: hidden; to the parent container. Maybe a bit hacky but works :-)

I've thought about this some more and have decided that I think it should be handled in the site's specific styles which is easy enough to target. Thanks for the suggestion.