LibWeb: Grid layout with grid-row: calc(...) does not work
This news section on https://kotlinlang.org/ looks pretty wonky:
Simplified reduction:
<!DOCTYPE html><style>
* {
outline: 1px solid black;
}
body {
display: grid;
width: 600px;
}
.column {
display: contents;
}
.title {
grid-column: var(--column-index);
grid-row: calc(3);
}
.text {
grid-column: var(--column-index);
grid-row: calc(4);
}
</style>
<body>
<div class="column" style="--column-index: 1">
<div class="title">title 1</div>
<div class="text">text 1</div>
</div>
<div class="column" style="--column-index: 2">
<div class="title">title 2</div>
<div class="text">text 2</div>
</div>
<div class="column" style="--column-index: 3">
<div class="title">title 3</div>
<div class="text">text 3</div>
</div>
</body>
SerenityOS / serenity
The Serenity Operating System 🐞
30.6k
Contributors get 100% of received funds after fees
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too