Repositório com a conclusão do projeto do desafio 7 Days Of Code de Responsividade da Alura.
🪧 Vitrine.Dev | |
---|---|
✨ Nome | DocApp - #7DaysOfCode |
🏷️ Tecnologias | HTML e CSS |
🚀 URL | https://docapp-tau.vercel.app/ |
🔥 Desafio | https://7daysofcode.io/matricula/responsividade |
A proposta deste desafio foi desenvolver uma página responsiva para o controle de consultas médicas, usando apenas HTML e CSS.
Com base no protótipo disponibilizado no Figma a abordagem utilizada para este projeto foi o mobile-first.
Durante os dias do desafio foram solicitadas algumas alterações conforme o tamanho da tela. Para o mobile e tablet o menu de navegação está localizado no inferior da página e temos um botão flutuante para o cadastro de novas consultas. Já na versão desktop o menu passa a ser lateral e temos um formulário de cadastro no lugar do botão flutuante.
No botão flutuante foi aplicado o efeito de destaque ao escurecer a tela quando clicado e a criação de dois novos botões de cadastro. Ambos efeitos feitos apenas com HTML e CSS conforme sugestão do desafio.
Desenvolvido com 💙 por Juliana Lucca.