2 <title>CSS aspect-ratio: Wrapping column flexbox line length
</title>
3 <link rel=
"author" title=
"Google LLC" href=
"https://www.google.com/">
4 <link rel=
"help" href=
"https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
5 <link rel=
"help" href=
"https://drafts.csswg.org/css-flexbox/#line-sizing" title=
"9.2.3.B">
6 <link rel=
"match" href=
"../../reference/ref-filled-green-100px-square.xht" />
8 <p>Test passes if there is a filled green square and
<strong>no red
</strong>.
</p>
10 <div style=
"display: flex; flex-direction: column; flex-wrap: wrap; width: 100px; aspect-ratio: 1/1;">
11 <div style=
"background: green; width: 50px; height: 100px;"></div>
12 <div style=
"background: green; width: 50px; height: 100px;"></div>