Segundo Desafio CSS - Clone YouTube - by Michele Ambrosio

Clonar o YouTube com Flexbox

A proposta do desafio é estimular o aluno a explorar soluções criativas de posicionamento e organização de layout, utilizando apenas `display: flex`, sem recorrer a outras técnicas como Grid ou frameworks. Essa limitação intencional ajuda a aprofundar o domínio do Flexbox e a desenvolver uma compreensão sólida sobre como estruturar interfaces responsivas.

segue o link funcional no GitHub Pages: https://ivan-c77.github.io/Clone-YouTube-CSS-Challenge-2-by-MicheleAmbrosio-Dio.me/

Preview --

Compartilhe

Comentários (1)

DIO Community - 01/09/2025 15:33

Excelente trabalho, Ivan! O desafio de recriar uma interface complexa como a do YouTube apenas com Flexbox é uma ótima forma de consolidar conceitos fundamentais de CSS. A limitação de não usar Grid ou frameworks realmente força a criatividade e o entendimento profundo da ferramenta, e o fato de você já ter publicado no GitHub Pages mostra dedicação em compartilhar e validar sua evolução.

Na DIO acreditamos que colocar a mão na massa em desafios práticos como esse é um dos caminhos mais poderosos para transformar teoria em habilidade real. Além de treinar a técnica, você também desenvolve um olhar crítico para organização e responsividade, habilidades muito valorizadas em projetos front-end.

Me conta: ao encarar esse desafio, qual foi a parte mais difícil de ajustar com Flexbox e que mais te ensinou sobre como estruturar layouts complexos?

Leia a seguir

Uso consciente da IALucas Pacheco - 01 de Setembro

#Inteligência Artificial (IA)

Como RPA com Python pode acelerar processos do trabalhoMatheus Brazao - 01 de Setembro

#Python

Alguns XSS Profissionais para você aprenderbruno - 01 de Setembro

#Segurança da Informação