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="Checks that absolutely positioned orthogonal grid items are properly placed and sized when they have a specific 'top' offset and a static inline position (left/right are 'auto').">
<style>
#grid {
display: grid;
grid: 150px 100px / 200px 300px;
margin: 1px 2px 3px 4px;
padding: 20px 15px 10px 5px;
border-width: 9px 3px 12px 6px;
border-style: solid;
width: 550px;
height: 400px;
position: relative;
}
#grid > div {
writing-mode: vertical-lr;
position: absolute;
top: 15px;
}
#firstItem {
background: magenta;
grid-column: 1 / 2;
grid-row: 1 / 2;
}
#secondItem {
background: cyan;
grid-column: 2 / 3;
grid-row: 1 / 2;
}
#thirdItem {
background: yellow;
grid-column: 1 / 2;
grid-row: 2 / 3;
}
#fourthItem {
background: lime;
grid-column: 2 / 3;
grid-row: 2 / 3;
}
</style>
<p>The test passes if it has the same output than the reference.</p>