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;
}
}