[css-sizing-4] aspect-ratio orthogonal flow loop

[fantasai]

main {
  width: max-content;
  aspect-ratio: 1/1;
  border: thin solid red;
  min-height: 0;
}

section {
  writing-mode: vertical-rl;
  border: thick solid blue;
}

[fantasai]

Note: we got here from exploring

main {
  width: max-content;
  aspect-ratio: 1/1;
  border: thin solid red;
  min-height: 0;
}

section {
  height: 100%;
  contain: inline-size;
  writing-mode: vertical-rl;
  border: thick solid blue;
}

[Loirooriol]

What's the HTML?

[frivoal]

What's the HTML?

<main>
  <section>
    Some content
  </section>
</main>