@charset "UTF-8";

.container {
    display: grid;
    grid-template-rows: repeat(3, 100px);
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    text-align: center;
    
}

.caixa1 {
    background-color: rgb(51, 255, 0);
    grid-area: 1 / 1 / span 1 / span 4;
}

.caixa2 {
    background-color: rgb(0, 247, 255);
    grid-area: 2 / 1 / span 2 / span 2;
}

.caixa3 {
    background-color: red; 
    grid-area: 2 / 3 / span 2 / span 2;
}