mirror of
https://github.com/RGBCube/serenity
synced 2025-07-10 04:27:35 +00:00
122d847720
Rewrites the grid area building to accurately identify areas that span multiple rows. Also now we can recognize invalid areas but do not handle them yet.
33 lines
No EOL
627 B
HTML
33 lines
No EOL
627 B
HTML
<!DOCTYPE html><head><style type="text/css">
|
|
* {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-rows: repeat(4, 25%);
|
|
grid-template-columns: repeat(3, 33.3333%);
|
|
height: 672px;
|
|
grid-template-areas: "a a a" "a a a" "b c d" "b c e";
|
|
}
|
|
|
|
.a {
|
|
grid-area: a / a / a / a;
|
|
}
|
|
|
|
.b {
|
|
grid-area: b / b / b / b;
|
|
}
|
|
|
|
.c {
|
|
grid-area: c / c / c / c;
|
|
}
|
|
|
|
.d {
|
|
grid-area: d / d / d / d;
|
|
}
|
|
|
|
.e {
|
|
grid-area: e / e / e / e;
|
|
}
|
|
</style></head><body><div class="grid"><div class="a">a</div><div class="b">b</div><div class="c">c</div><div class="d">d</div><div class="e">e</div></div></body> |