- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Wed, 26 Feb 2025 19:50:47 +0000
- To: public-css-archive@w3.org
BTW, same for a column flexbox: ```html <!DOCTYPE html> <style> .container { display: flex; flex-direction: column; width: 100px; height: 100px; border: solid; flex-wrap: wrap; align-content: start } .stretch { width: -moz-available; width: -webkit-fill-available; width: stretch } </style> <div class="container"> <div class="stretch" style="height: 75px; border: solid cyan">a</div> <div class="stretch" style="height: 75px; border: solid magenta">b</div> </div> <div class="container"> <div class="stretch" style="height: 75px; border: solid cyan">a</div> <div style="border: solid orange; width: 150px"></div> <div class="stretch" style="height: 75px; border: solid magenta">b</div> </div> <div class="container"> <div style="height: 75px; border: solid cyan;">a</div> <div style="height: 75px; border: solid magenta">b</div> </div> <div class="container"> <div style="height: 75px; border: solid cyan;">a</div> <div style="border: solid orange; width: 150px"></div> <div style="height: 75px; border: solid magenta">b</div> </div> ```  With `width: min-content; max-width: 100px`:  -- GitHub Notification of comment by Loirooriol Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11784#issuecomment-2686043880 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 26 February 2025 19:50:47 UTC