mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-10-22 16:09:23 +00:00
62 lines
1.2 KiB
HTML
62 lines
1.2 KiB
HTML
<!doctype html><style>
|
|
.grid {
|
|
width: 100%;
|
|
height: 20px;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 60px);
|
|
background-color: #a8d5ba;
|
|
gap: 1rem;
|
|
margin-bottom: 20px;
|
|
}
|
|
.grid > * {
|
|
background-color: rebeccapurple;
|
|
}
|
|
.justify-start { justify-content: start; }
|
|
.justify-end { justify-content: end; }
|
|
.justify-center { justify-content: center; }
|
|
.justify-stretch { justify-content: stretch; }
|
|
.justify-space-around { justify-content: space-around; }
|
|
.justify-space-between { justify-content: space-between; }
|
|
.justify-space-evenly { justify-content: space-evenly; }
|
|
</style>
|
|
<div class="grid justify-start">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="grid justify-end">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="grid justify-center">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="grid justify-stretch">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="grid justify-space-around">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="grid justify-space-between">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="grid justify-space-evenly">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|