Re: [csswg-drafts] [css-grid] grid-template-width and grid-template-height (#9182)

https://github.com/w3c/csswg-drafts/issues/9325 allows clamping the number of repetitions, but it wouldn't help here since 1fr would still resolve using the entire element.

I don't like your proposal because it's grid-specific, but a similar thing could be wanted in e.g. flex or block.

Also, the "will be ignored if there's a conflict with the values of grid-template-columns/rows" isn't much well defined, e.g. `grid-template-columns: 1fr` would typically grow to fill the provided `grid-template-width` and avoid conflicts, but there could be an item that forces the track to become bigger.

I think the right solution is https://github.com/w3c/csswg-drafts/issues/2406:

```html
<style>
.grid {
  background-color: #00BD79;
}
.grid::contents {
  max-width: 1400px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
}
</style>
<div class="grid">
    <!-- grid elements here -->
</div>
```


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


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

Received on Monday, 25 March 2024 01:57:50 UTC