1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 17:27:35 +00:00

LibWeb: Support "order" property for items in GridFormattingContext

Closes https://github.com/SerenityOS/serenity/issues/20434
This commit is contained in:
Aliaksandr Kalenik 2023-08-09 15:04:48 +02:00 committed by Andreas Kling
parent 0a4b869233
commit 6354f950fd
3 changed files with 129 additions and 38 deletions

View file

@ -0,0 +1,33 @@
<style>
* {
border: 1px solid black;
}
.grid-container {
display: grid;
grid-template-columns: repeat(3, auto);
}
.grid-item {
width: 100px;
height: 100px;
font-size: 20px;
}
.item-1 {
order: 2;
}
.item-2 {
order: 3;
}
.item-3 {
order: 1;
}
</style>
<div class="grid-container">
<div class="grid-item item-1">1</div>
<div class="grid-item item-2">2</div>
<div class="grid-item item-3">3</div>
</div>