Será feito um projeto, chamado AluraPlay, que é uma plataforma de vídeos com um layout moderno e rico em elementos. Esse projeto possui três telas principais, para celulares, tablets e desktops.
Objetivo • Tecnologias • Deploy • Autor
O projeto foi feito com o objetivo de treinar Flexbox e responsividade. Começaremos analisando a tela para celulares, que possui um cabeçalho com logo e ícones. Abaixo desse cabeçalho, teremos uma seção com várias opções de navegação no site.
Logo abaixo, temos uma seção de vídeos, incluindo dezesseis vídeos - todos do canal da Alura. Você pode, inclusive, assistí-los depois!
Ao fim da página, temos um rodapé com vários tópicos relacionados à área da tecnologia, além de um menu inferior com cinco opções de navegação no site.
Nele, o menu que anteriormente era inferior é movido para a lateral esquerda, e o cabeçalho passa a possuir um campo de pesquisa. Os vídeos ficam organizados dois por linha, o rodapé expande de tamanho e os tópicos de tecnologia são quebrados em quatro colunas.
Neste layout, o menu expande de tamanho e ganha mais elementos, os vídeos são distribuídos mais por linha e o rodapé se expande com os tópicos um ao lado do outro.
Para acessarem o projeto, deixo aqui o deploy do mesmo:
Feito com muito ❤️ por Crisleine Erculano 👋🏽 Contate-me!
