Práticas Flexbox

Exemplos de portfolio baseados em referências para melhor compreensão do conceito de Flexbox. Deve ficar claro que é um projeto com fins didáticos e os portfolios citados em cada práticas não são de minha autoria - o exercício consiste apenas em replicar o estilo de cada referência visando aplicar os conceitos de Flexbox e outros vistos em aula.

Preview da prática 01

#01 Charlie Waite

Prática baseada na referência charliewaite.

Recursos que vale a pena conferir:

scrollbar customizada, seletor por atributos que contenham um trecho de texto específico e overflow-y na tag main, dando a impressão de que a tag aside está fixa.

Preview da prática 02

#02 Karolis Kosas

Prática baseada na referência karoliskosas.

Recursos que vale a pena conferir:

Utilização do :nth-child(odd) somado ao :nth-child(2) para alternar o posicionamento das imagens

Preview da prática 03

#03 Niy Watkins

Prática baseada na referência niywatkins.

Recursos que vale a pena conferir:

Utilização do scroll-snap para definir o scroll e a gambiarra para simular o efeito paralaxe.