Introdução
Neste projeto, você aprenderá como implementar um layout responsivo para um site, semelhante ao site oficial do Gulp.js. Você usará media queries para ajustar o layout e os estilos da página web com base no tamanho da tela.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como adicionar regras de media query ao arquivo HTML para criar um layout responsivo
- Como ajustar a largura e a visibilidade dos elementos da página com base em diferentes tamanhos de tela
- Como testar o layout responsivo redimensionando a janela do navegador
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Implementar um design web responsivo usando media queries
- Ajustar o layout e os estilos com base no tamanho da tela
- Testar e otimizar efetivamente páginas web para diferentes dispositivos e resoluções de tela
