Forma de fazer isso com Flex

Oi Luiz, tudo ok contigo?

Nesse caso o desafio com grid foi só uma curiosidade, nesse vídeo/aula aqui: https://cursos.alura.com.br/course/css-flexbox-layouts-responsivos/task/111763, o instrutor explica certinho como fazer essa mudança com o flexbox.

Mas basicamente é usando esse código aqui:

.videos__container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.videos__item {
    height: 303px;
    width: 280px;
    flex-grow: 1;
}

Onde colocamos o display flex no contêiner e quebramos a linha, depois espaçamos os itens e por fim definimos um tamanho para os itens e automatizamos o crescimento deles.

Era isso.

Se precisar é só chamar.

Abraços e bons estudos.

Caso este post tenha lhe ajudado, por favor marque ele como solução! ✓