Re: [csswg-drafts] [css-flex] Gap between flexed items when parent has flex-wrap: wrap; set causes the last item to wrap prematurely (#5399)

The particular example I gave is very simplified just so that I could clearly illustrate the issue I'm seeing. In an actual project, I'd more likely be using a mix of percentage-sized columns, auto-sized columns, and "fill in the remaining space" columns.

```css
.col--auto {
    flex: 0 0 auto;
    /* some child of this would have `width: 250px;` */
}

.col--0 {
    flex: 1 1 0%;
    /* this would take up any remaining space not taken up by `.col--auto`  */
}
```

As you can see, this isn't restricted to a specific number of columns, which (to my understanding) renders `grid` unusable for my purposes. This is a grid system that I use extensively throughout projects, and therefore needs to be extremely adaptable; using `grid` restricts me to always relying on a fixed number of variable-width columns.

I have experimented with switching my grid system to use `grid`, which you can view at the link below – if you can provide some guidance on how I can achieve my goals with `grid` alone, I'll happily close this issue, but from my perspective it just seems like a combination of `flex` for some purposes and `grid` for others is always going to be necessary.

https://codepen.io/JacobDB/pen/rNBdxOg

-- 
GitHub Notification of comment by JacobDB
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5399#issuecomment-669258207 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 5 August 2020 15:24:35 UTC