1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-18 15:15:08 +00:00
serenity/Tests/LibWeb/Layout/input/grid/item-span-exceeds-columns-size.html
Aliaksandr Kalenik e2c5e31292 LibWeb: Adjust grid columns size to fit spanning items
This change implements following paragraph from placement algorithm in
the spec:
"If the largest column span among all the items without a definite
column position is larger than the width of the implicit grid, add
columns to the end of the implicit grid to accommodate that column
span."

There were places in the grid implementation code with copies of this
text, but those were completely unrelated to the code where they were
being pasted so I removed them.
2023-07-13 16:54:53 +02:00

13 lines
No EOL
292 B
HTML

<style>
.container {
width: 300px;
display: grid;
grid-template-columns: 100px;
grid-template-rows: 100px;
}
.item {
background-color: purple;
grid-column: span 2;
}
</style><div class="container"><div class="item"></div></div>