Re: [csswg-drafts] [css-sizing] How to shrink to fit the width? (#191)

Similar issue here, but inverted in a way...

Current:
```
<style>
body { font-family: sans-serif; }
.box {
  border: 1px solid red;
  display: grid;
  grid-template-columns: min-content max-content auto;
  gap: 16px;
  width: 360px;
}
.a {
  background: #0f03;
}
.b {
  background: #00f3;
}
.c {
  background: #f0f3;
  justify-self: end;
}
</style>

<div class="box">
  <div class="a">sometimes longestwordever I become so long it is annoying</div>
  <div class="b">No Shrink</div>
  <div class="c">No Shrink</div>
</div>

```

<img width="394" alt="Screenshot 2024-01-25 at 6 16 20 PM" src="https://github.com/w3c/csswg-drafts/assets/364033/483855ba-5c27-4898-a0d5-30f2389bc3c3">

Expectation:

<img width="377" alt="Screenshot 2024-01-25 at 6 18 53 PM" src="https://github.com/w3c/csswg-drafts/assets/364033/2ab6b76a-d5c6-4447-bf97-02b008889601">


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


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

Received on Thursday, 25 January 2024 23:19:13 UTC