mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 22:05:07 +00:00
19 lines
No EOL
523 B
HTML
19 lines
No EOL
523 B
HTML
<style>
|
|
.grid-container {
|
|
display: grid;
|
|
background-color: lightsalmon;
|
|
}
|
|
|
|
.grid-item {
|
|
background-color: lightblue;
|
|
}
|
|
</style>
|
|
|
|
<div class="grid-container" style="
|
|
grid-template-columns: min-content max-content 1fr;
|
|
grid-template-areas: 'one two three';
|
|
">
|
|
<div class="grid-item" style="grid-area: one; min-width: 25%; max-width: 50%;">min-content</div>
|
|
<div class="grid-item" style="grid-area: two;">max-content</div>
|
|
<div class="grid-item" style="grid-area: three;">1fr</div>
|
|
</div> |