<div class="grid">
</div>
.grid {
display: grid;
grid-template-columns: repeat(6,100px);
grid-template-rows: repeat(3, 100px);
border: 5px solid rgb(198,164,154);
border-radius: 5px;
}
.grid::after {
content: "";
padding: 20px;
border: 5px solid rgb(198,164,154);
background-color: rgba(198,164,154,.2);
border-radius: 5px;
grid-column: 2 / 4;
grid-row: 2;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.