You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
<meta name="assert" content="The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as its vertical grid item, honoring its justify-self: 'normal' (behaves as 'stretch') ">
<style>
body { overflow: hidden; }
.flexbox {
display: flex;
flex-flow: column wrap;
align-content: stretch;
width: 100px;
height: 100px;
background: red;
}
.grid {
display: grid;
}
.gridItem {
background: green;
height: 100px;
writing-mode: vertical-lr;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>