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

Desafio com grid - Tenho duvidas mas, acho que estou no caminho certo, assim que concluir posto aqui!

Referente ao curso CSS: Flexbox e layouts responsivos, no capítulo Vídeos flex-grow e atividade Desafio com grid

por VICTOR BARBOSA DE OLIVEIRA LEME
| 93.8k xp | 25 posts
Balconista 
/* Descrição do vídeo */

.descricao-video {
    margin-top: 1rem;
    display: grid;
    text-align: start;
    column-gap: 1rem;
    row-gap: 10px;
    grid-template-columns: auto 1fr;
}
2 respostas
por VICTOR BARBOSA DE OLIVEIRA LEME
| 93.8k xp | 25 posts
Balconista

Por fim ficou assim! muito maneiro

/* Descrição do vídeo */

.descricao-video {
    margin-top: 1rem;
    display: grid;
    text-align: start;
    column-gap: 1rem;
    row-gap: 10px;
    grid-template-columns: auto 1fr;
}

.descricao-video img {
    grid-area: 1 / 1 / 3 / 2;
}

.descricao-video h3 {
    grid-area: 1 / 2 / 2 / 3;
    font-weight: 700;
    color: #444444;
}

.descricao-video p {
    grid-area: 2 / 2 / 3 / 3;
    font-size: 14px;
    color: #444444;
}
solução!
por Lorena Garcia
| 8361.4k xp | 12214 posts
Alura Scuba Team Suporte Educacional

Oii Victor, tudo bem?

Você usou o grid layout de forma eficaz para organizar os elementos da descrição do vídeo! Parabéns!

Continue praticando e explorando os recursos do CSS Grid.

Um abraço e bons estudos.