/introducao-responsividade

Aplicação realizada para estudo da introdução de layouts responsivos, utilizando a regra de mobile-first

Primary LanguageCSS

💻 Projeto

Aplicação realizada para estudo da introdução de layouts responsivos, utilizando a regra de mobile-first

📌 Aprendizados do Projeto: Design Responsivo com Abordagem Mobile-First

Durante o desenvolvimento deste projeto, adquiri valiosos conhecimentos sobre a importância do design responsivo e a eficácia da abordagem Mobile-First.

Optar por começar o design a partir da perspectiva móvel simplificou significativamente o processo, permitindo uma transição fluida para dispositivos maiores.

As @media queries para diferentes dispositivos, como mobile, tablet e desktop , revelou-se uma ferramenta poderosa. Permitiram ajustar estilos e layouts de maneira eficiente, garantindo uma apresentação otimizada em uma variedade de tamanhos de tela.

Iniciar os projetos com abordagem Mobile-First, e o ajuste das @medias, se mostrou um prática valiosa para garantir a usabilidade e a estética em todos os dispositivos.

👩🏿‍💻 Stack utilizada

  • HTML
  • CSS

✅ Screenshots

Mobile

mobile

Tablet

tablet

Desktop

desktop

Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Feito com 💜 by Rocketseat