Re: [csswg-drafts] [css-align][css-grid] Suggestion: Flexible Grid Gaps (#6275)

Here is a quick diagram that attempts to illustrate the problem:

<img width="1039" alt="image" src="https://user-images.githubusercontent.com/12662578/122577485-d79f3c00-d020-11eb-91c8-3bd85070c371.png">

The black table is the grid and the blue rounded rectangles are components placed within it. In the top image the columns end up poorly spaced with right- and left-aligned columns awkwardly bumping up against each other or leaving huge gaps between them. In the bottom image the orange shaded areas are grid gaps sized based on the available free space, so that the columns retain their start/end justification and are also evenly spaced.

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


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

Received on Friday, 18 June 2021 14:38:16 UTC