Solucionado
No ultimo vídeo da Unidade 2, a Beatriz cometou um deslize, deixando o design das imagens diferentes do figma, o código que corrige pode ser implementado no media de 720px assim:
@media (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;
}}
Trazendo o design mais preciso!!!
Oi, Breno, tudo bem?
A instrutora Beatriz voltará a mexer no posicionamento das imagens no primeiro vídeo da Unidade 4 "Mergulhando no Grid", aproximando o projeto do layout do Figma. Contudo, muito obrigado por compartilhar essa solução para o posicionamento das imagens. Com certeza vai ajudar muitos alunos e alunas que estão estudando este mesmo assunto.
Continue se dedicando em seus estudos e caso tenha dúvidas, estarei à disposição para te ajudar!!
Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!