0
respostas

O meu já estava certo.

Depois dessa mudança da professora, ficou tudo desajustado. O meu já estava certo, não?

.banner {
display: grid;
gap: 1rem;
}

.banner img:nth-child(1) {
grid-column: 1/3;
}

.banner img:nth-child(4) {
grid-column: 2/3;
grid-row: 2/4;
}

@media (min-width: 720px) {
.banner {
column-gap: 1.5rem;
}

.banner img:nth-child(1) {
grid-column: 1/3;
grid-row: 1/3;
}

.banner img:nth-child(4) {
grid-column: 4/5;
grid-row: 1/3;
}
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade