mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 18:02:44 +00:00
bb90bf0141
The file template-areas.html, which previously had multiple grid tests, has now been divided into smaller files, each containing only one grid test. It is going to make it easier to identify what inputs have been affected by changes in layout code. Also this change removes parts of template-areas.html that we can't layout correctly yet.
21 lines
No EOL
559 B
HTML
21 lines
No EOL
559 B
HTML
<style>
|
|
.grid {
|
|
display: grid;
|
|
background-color: lightsalmon;
|
|
grid-template-columns: [c] 1fr [b] 1fr [a] 1fr;
|
|
grid-template-areas: "a b c";
|
|
}
|
|
|
|
.item-left {
|
|
background-color: lightblue;
|
|
grid-column-start: a;
|
|
grid-column-end: a;
|
|
}
|
|
|
|
/* FIXME: This item should start at [b] and end at [c]. Currently it starts at [c] and ends at [c]. */
|
|
.item-right {
|
|
background-color: yellowgreen;
|
|
grid-column-start: b;
|
|
grid-column-end: c;
|
|
}
|
|
</style><div class="grid"><div class="item-left">1fr</div><div class="item-right">1fr</div></div> |