aceleradora-TW / nossa-casa-front

0 stars 5 forks source link

100 a/responsividade breakpoints navbar #113

Closed angeloneves19 closed 11 months ago

angeloneves19 commented 1 year ago

100A - Responsividade-Breakpoints-Navbar

====

🆙 CHANGELOG

Aplicado responsividade na barra de navegação: até 767px a visualização é em menu hambúrguer, a partir de 768px os itens de menu se tornam visíveis.
Segue a media querie utilizada: @media ((min-width: 320px) and (max-width: 767px))

⚠️ Me certifico que:

[ ] Não deixei nenhum novo warning, erro ou console.log nas minhas modificações
[ ] Fiz deploy para ambiente de teste certificando que o build não quebrou
[ ] Solicitei code review para 2 pessoas
[ ] Solicitei QA para 2 pessoas
[ ] Obtive aprovação de QA e posso fazer merge

⚠️ Como testar

[ ] Acesse a branch 100A/Responsividade-Breakpoints-Navbar;
[ ] Inicie a aplicação;
[ ] Teste a barra de navegação, nos diferentes tamanhos de tela;
[ ] Teste a largura de tela, maior que 767px e menor que 767px;
[ ] Ver o comportamento da Navbar, dependendo da largura da tela.