- From: Jacob Bearce via GitHub <sysbot+gh@w3.org>
- Date: Wed, 29 Apr 2020 13:04:58 +0000
- To: public-css-archive@w3.org
I agree &endash; I typically set `overflow: hidden;` on a container to prevent my column system from overflowing. A very simplified example is below.
```scss
.row {
display: flex;
width: calc(100% + $column_gap);
}
.col {
flex: 1 1 25%;
padding-right: $column_gap;
}
```
This method keeps everything aligned just right with an accurate gap between each element, but of course means that the `.row` almost always overflows the width of its containers. To combat this, I set `.page-wrapper { overflow: hidden; }`, which works great, except when I need to use something with `position: sticky;`.
Admittedly, my use case could be solved by switching to `grid` instead of `flex`, but in my [testing](https://codepen.io/JacobDB/pen/rNBdxOg), I've been unable to replicate the features I need using `grid`.
--
GitHub Notification of comment by JacobDB
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/865#issuecomment-621190682 using your GitHub account
Received on Wednesday, 29 April 2020 13:05:00 UTC