mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 05:42:43 +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.
29 lines
No EOL
671 B
HTML
29 lines
No EOL
671 B
HTML
<style>
|
|
.container {
|
|
display: grid;
|
|
background-color: lightsalmon;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-areas:
|
|
"left right-top"
|
|
"left right-bottom";
|
|
}
|
|
|
|
.item {
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.right-bottom {
|
|
background-color: lightpink;
|
|
grid-area: right-bottom / right-bottom / right-bottom / right-bottom;
|
|
}
|
|
|
|
.left {
|
|
background-color: lightgreen;
|
|
grid-area: left;
|
|
}
|
|
|
|
.right-top {
|
|
background-color: lightgrey;
|
|
grid-column-end: right-top;
|
|
}
|
|
</style><div class="container"><div class="item right-bottom">right-bottom</div><div class="item left">left</div><div class="item right-top">right-top</div></div> |