[css-sizing-4] Add example for how %-block-size percentages resolve for min/max size calculation.
Open
Nobody has claimed this yet.
Closed Accepted as Editorial
Commenter Response Pending
css-sizing-4
- Dominant language
- Bikeshed
- Stars
- 4.9k
- Forks
- 816
- PR merge metrics
- PR metrics pending
Description
E.g.
<div id=container style="height: 100px; float: left;">
<div style="height: 100%; aspect-ratio: 1/1;"></div>
</div>
The width of "container" should be 100px(?). Adding an example would be helpful.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start in the css-sizing-4 draft and locate the section covering percentage block sizes in min/max size calculation. Add an example based on the supplied HTML, documenting how the percentage resolves and whether the container width is 100px; done when the example clearly explains the expected result.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- documentation
- Issue type
- Documentation
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100