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

As imagens não estão carregando

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

por João Victor Póvoa França
| 192.2k xp | 37 posts
  <section class="destaques">
            <div class="destaques__principal caixa">
                <h3 class="destaques__titulo">Fortnite</h3>
            </div>
            <div class="destaques__secundario caixa">
                <h3 class="destaques__titulo">PUBG</h3>
            </div>
            <div class="destaques__secundario caixa">
                <h3 class="destaques__titulo">Slack</h3>
            </div>
            <div class="destaques__secundario caixa">
                <h3 class="destaques__titulo">Whatsapp</h3>
            </div>
            <div class="destaques__secundario caixa">
                <h3 class="destaques__titulo">CS: GO</h3>
            </div>
.destaques {

    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 33.33% 33.33% 33.33%;
    height: calc(100vh - 50px);
}

.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 / 4;
    grid-row: 1 / 1

}
2 respostas
solução!
por Giovanna Moeller
| 624.1k xp | 892 posts
Instrutor iOS Software Engineer

Oi João Victor, tudo bem?

Isso provavelmente acontece pois o nome da imagem está errado ou o seu caminho dentro da estrutura de pastas. Veja que da forma que você colocou, dentro da sua pasta de projeto você tem outra pasta chamada 'img' e então as imagens (com extensão .jpg), sua estrutura tem que estar exatamente assim.

Mande uma foto aqui de como está sua estrutura de pastas (e o nome das imagens com suas respectivas extensões) que eu consigo te auxiliar melhor!

Fico no aguardo, de qualquer maneira espero ter ajudado, qualquer outra dúvida estou a disposição, abraços e bons estudos!

por João Victor Póvoa França
| 192.2k xp | 37 posts

Desculpa a demora para responder :(

Na verdade terminei o curso de qualquer forma, estudei e documentei meu aprendizado no caderno já ( mesmo sem as imagens ). De qualquer forma em alguma hora vou precisar rever o material depois para dar uma relembrada. Valeu pelo toque! :)