Quando apliquei as alterações de grid, a primeira imagem ficou cortada.
Percebi que o grid ficou com mais 1 coluna e ajustei com o codigo abaixo:
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Quando apliquei as alterações de grid, a primeira imagem ficou cortada.
Percebi que o grid ficou com mais 1 coluna e ajustei com o codigo abaixo:
`
`@media screen and (min-width: 720px) {
.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;
}}