Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

O html não está respondendo o comando grid.

Referente ao curso CSS Grid: simplificando layouts, no capítulo Criando o layout da seção de destaques e atividade Posicionando elementos

por ROBSON VINICIUS VIEIRA DOS SANTOS MACEDO
| 60.6k xp | 30 posts

.destaques__principal { background: url('../img/fortnite.jpg') center / cover no-repeat; grid-column: 1 / 4; grid-row: 1 / 3; }

.destaques__secundario:nth-child(2) { background: url('../img/pubg.jpg') center / cover no-repeat; grid-column: 4 / 5; grid-row: 1 / 2; }

.destaques__secundario:nth-child(3) { background: url('../img/slack.png') center / cover no-repeat; grid-column: 4 / 5; grid-row: 2 / 3;

}

.destaques__secundario:nth-child(4) { background: url('../img/whatsapp.png') center / cover no-repeat; grid-column: 4 / 5; grid-row: 3 / 4; }

.destaques__secundario:nth-child(5) { background: url('../img/cs-go.jpg') center / cover no-repeat; grid-column: 3 / 4; grid-row: 3 / 4; }

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

2 respostas
solução!
por ROBSON VINICIUS VIEIRA DOS SANTOS MACEDO
| 60.6k xp | 30 posts

Resolvido, apaguei os primeiros comando do destaques.css .caixa { align-items: flex-end; display: flex; justify-content: center; }

.destaques { display: grid; grid-gap: .2rem; grid-template-columns: 25% 25% 25% 25%; grid-template-rows: 33.33% 33.33% 33.33%; height: calc(100vh - 50px); }

por Lorena Garcia
| 8229k xp | 12028 posts
Alura Scuba Team Suporte Educacional

Oi Robson, tudo bem?

Que bom que resolveu, irei finalizar o tópico pra você.

Um abraço e bons estudos.