@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-row: 1 / 2; /* ou span 1 */
    grid-column: 1 / -1; /* ou span 4 */
}

.caixa2 {
    background-color: rgb(0, 247, 255);
    grid-row: 2 / -1; /* ou span 2 */
    grid-column: 1 / 3 /* ou span 2 */
}

.caixa3 {
    background-color: red; 
    grid-row: 2 / -1; /* ou span 2 */
    grid-column: 3 / -1 /* ou span 2 */
}