2025-05-12 15:55:28 -03:00
|
|
|
<!DOCTYPE html>
|
2023-06-07 07:04:06 -03:00
|
|
|
<style>
|
|
|
|
|
.grid-container {
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-columns: auto auto;
|
|
|
|
|
grid-auto-rows: 100px;
|
|
|
|
|
background-color: lightsalmon;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.grid-item {
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
}
|
|
|
|
|
</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>
|
