1
resposta

Minha resposta!

.cabecalho { background-color: #cc2a2a; border-radius: 10px; min-width: 50px; min-height: 50px; ** grid-row: 4; grid-column: span 4;** }

.lateral { background-color: #45cc2a; border-radius: 10px; min-width: 50px; min-height: 50px; ** grid-column: 4 ; grid-row: span 3;** }

.meio { background-color: #2aa6cc; border-radius: 10px; min-width: 50px; min-height: 50px; ** grid-column: 2 / span 2; grid-row: 1/ span 3;** }

.direita-cima { background-color: #352acc; border-radius: 10px; min-width: 50px; min-height: 50px; ** grid-column: 1 ; grid-row: 3;** }

.direita-baixo { background-color: #cc2a96; border-radius: 10px; min-width: 50px; min-height: 50px; ** grid-column: 1; grid-row: 1 /span 2;** }

1 resposta

Oi Igor, tudo bem?

Isso aí! Parabéns por praticar :D. No futuro se você quiser colar algum códio aqui, você pode usar essa ferramenta: print ferramente de bloco de código

Bons estudos.