aceleradora-TW / nossa-casa-front

0 stars 5 forks source link

100/responsividade breakpoints navbar #104

Closed angeloneves19 closed 1 year ago

angeloneves19 commented 1 year ago

100 - Responsividade-Breakpoints-Navbar

====

🆙 CHANGELOG

Aplicado responsividade na barra de navegação: até 1023px a visualização é em menu hambúrguer, a partir de 1023px os itens de menu se tornam visíveis.
Segue as medias queries utilizadas: @media(min-width: 801px) @media (min-width: 1023px)

⚠️ 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 100/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 1023px e menor que 1023px;
[ ] Ver o comportamento da Navbar, dependendo da largura da tela.