mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 19:55:08 +00:00

Fixes reduction in https://github.com/SerenityOS/serenity/issues/22802 but does not result in visual improvement on https://kotlinlang.org/
34 lines
No EOL
684 B
HTML
34 lines
No EOL
684 B
HTML
<!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> |