Entrar Ainda não tem acesso?
3
respostas

os cartões não estão ficando do tamanho correto na versão desktop!

Referente ao curso CSS: dispondo elementos com Flexbox e Grid

por Fernando Grigorio Andrade
| 40.4k xp | 6 posts
  • Insira aqui a descrição dessa imagem para ajudar na acessibilidade 
@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 videos-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;
    }
}
3 respostas
por Beatriz Moura
| 770.5k xp | 1156 posts
Alura Scuba Team Instrutora e Desenvolvedora de Software I

Olá Fernando, tudo bem?

Esse trecho que me enviou está igual ao da aula, poderia compartilhar o restante do código css e html para que eu possa fazer testes e investigar melhor o que pode estar ocorrendo?

Fico no aguardo para mais informações, abraços!

por Adyna Luana Sousa Lima
| 16.2k xp | 8 posts

Oi, gente. Aconteceu o mesmo comigo...

Tentando encontrar onde errei, mas não consigo identificar.

por Jonatha Willian Paula Dos Santos
| 97.1k xp | 1 posts

Um possível problema é que a largura mínima da tela para o @media screen and (min-width:1440px) seja ativado é maior que a largura da sua tela.

EX: telas HD (1280) - @media screen and (min-width:1280px) telas HD+ (1366) @media screen and (min-width:1366px) telas FULL HD pra cima - @media screen and (min-width:1440px)

Como meu monitor secundario é HD+, tive que modificar para (min-width: 1366px).

Caso não queira alterar o código, simplesmente coloque a resolução na ferramenta de desenvolvimento do seu navegador em 1440 x 1112

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