mirror of
https://github.com/fergalmoran/ladybird.git
synced 2025-12-31 21:59:21 +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
627 B
HTML
33 lines
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> |