depois que fiz as classes la do grid igual mostrado pelo prof porem nao esta dando certo . o alinhamento do jeito que ele mostrou no video
.destaque-video{ grid-area: destaque-video; } .videos-recentes{ grid-area: videos-recentes; }
.secao-videos{ grid-area: secao-videos; }
.destaque-produtos{ grid-area: destaque-produto; } .produtos-recentes{ grid-area: produtos-recentes; } .secao-produtos{ grid-area: secao-produtos;
}
@media screen and (min-width: 1440px){ .principal{ display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "titulo-pagina titulo-pagina titulo-pagina" "destaque-video destaque-video video-recentes" "secao-videos secao-videos secao-videos" "produtos-recentes destaque-produtos destaque produtos" "secao-produtos secao-produtos secao-produtos"; column-gap: 32px; padding: 16px 60px; grid-column: 2; }
}
so quando coloco no html nao esta dando certo, ALGUEM PODERIA ME AJUDAR
