mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 12:38:12 +00:00
902ceb1675
Adds support for grid items with fixed size paddings. Supporting percentage paddings will probably require to do second pass of tracks layout: second pass is needed to recalculate tracks sizes when final items sizes are known when percentage paddings are already resolved.
22 lines
472 B
HTML
22 lines
472 B
HTML
<style>
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-columns: min-content min-content;
|
|
grid-template-rows: auto;
|
|
grid-gap: 50px;
|
|
}
|
|
|
|
.grid-item {
|
|
background-color: #ddd;
|
|
padding: 50px;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
border: 10px solid black;
|
|
}
|
|
</style>
|
|
<div class="grid-container">
|
|
<div class="grid-item">1</div>
|
|
<div class="grid-item">2</div>
|
|
<div class="grid-item">3</div>
|
|
<div class="grid-item">4</div>
|
|
</div>
|