w3c / w3c/csswg-drafts

[css-sizing-4] aspect-ratio limits with image container

Open
#5,463 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

css-sizing-4
Dominant language
Bikeshed
Stars
4.9k
Forks
816
PR merge metrics
PR metrics pending

Description

What if we want to control the layout this way:

  • The height is determined by the content
  • The max-height is determined by a specified aspect ratio

Example:

The aspect-ratio allows determining the preferred aspect ratio, but sometimes it's not a fixed aspect-ratio, but a range. In the example I don't want the container to be taller than 1:1.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading the CSS Sizing Level 4 issue and its discussion of aspect-ratio limits for image containers. Compare the requested content-determined height and ratio-based max-height behavior with the existing specification context. Done means the working group has a clear resolution for whether and how this range-based behavior should be specified.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.