matthewsimo/scss-flex-grid

Horizontal scrollbar

Closed this issue · 2 comments

fredlesser commented

Hi, I get a horizontal scrollbar which I can only get rid of by giving the first instance of '.row' a property of 'margin: 0'. I noticed that in the example your '#wrapper' div has its negative margin overridden but I couldn't find anything about this in the docs.

matthewsimo commented

Hi @fredlesser, sorry you're having trouble -

I set negative margin on rows here to account for gutter margin on columns. It wasn't mentioned in the docs since it's more of an implementation detail than anything relating to actual usage.

That said, if you could put together a reproducible repo or codepen or something I can take a look. If you think adding a note to the docs would be helpful, I'm happy to consider pull requests.

fredlesser commented

Hi @matthewsimo and btw thanks for the awesome grid!!
Fixed the issue by wrapping rows in a .container div with 'padding-left: $fg-gutter' and 'padding-right: $fg-gutter', which is essentially the same as what one does in Bootstrap.