Skip to content

[css-sizing-3] Illustrate the Sizing Spec #1938

Open
@fantasai

Description

@fantasai

The new sizing keywords are kindof important for authors, especially now that Flex and Grid make them more useful. It would be nice for the spec to have some illustrations.

Needed SVG diagrams:

  • size (e.g. a rectangle with arrows representing block size, inline size, width, height -- maybe abbreviated version of these ascii diagrams
  • inner size
  • outer size
  • stretch-fit size
  • max-content size
  • min-content size
  • fit-content size

(Aside from the first one, “size”, illustrating these for just the inline axis should be sufficient.)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions