mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-24 18:02:20 +00:00
4d8bc16812
Before this change, we only considering `grid-auto-flow` to determine whether a row or column should be added when there was not enough space in the implicit grid to fit the next unplaced item. Now, we also choose the direction in which the "auto placement cursor" is moved, based on the auto flow property.
18 lines
No EOL
422 B
HTML
18 lines
No EOL
422 B
HTML
<!DOCTYPE html><style>
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 100px 100px;
|
|
grid-auto-flow: row;
|
|
height: 500px;
|
|
width: 500px;
|
|
}
|
|
|
|
#b {
|
|
grid-column: span 3;
|
|
grid-row: span 3;
|
|
}
|
|
|
|
* {
|
|
border: 1px solid black;
|
|
}
|
|
</style><body><div class="grid"><div id="a">1</div><div id="b">2</div><div id="c">3</div><div id="d">4</div></div></body> |