Este projeto foi desenvolvido como parte de um desafio de projeto do Bootcamp da DIO.
O objetivo é recriar o layout da página inicial do Discord utilizando apenas HTML e CSS, praticando conceitos de estruturação, estilização e responsividade.
- HTML5 → para a estrutura semântica da página.
- CSS3 → para estilização, layout e responsividade.
- Google Fonts → para tipografia personalizada.
Durante o desenvolvimento do projeto foi possível praticar e reforçar:
- Estruturação semântica em HTML.
- Tornar protótipos do Figma em código real.
- Utilização de Flexbox para organização de layouts.
- Criação de seções responsivas com
@media queries. - Controle de espaçamento, alinhamento e tipografia.
- Ajustes de imagens e textos para diferentes tamanhos de tela.
O layout foi desenvolvido para se adaptar a diferentes tamanhos de tela.
Em telas menores que 800px:
- A direção do
flexmuda de row para column. - Imagens e textos são redimensionados para não ultrapassarem o limite da tela.
- Botões e títulos são ajustados para melhor leitura em dispositivos móveis.
