Este projeto é uma solução para o desafio de componente de código QR no Frontend Mentor. Os desafios do Frontend Mentor ajudam a melhorar suas habilidades de codificação ao construir projetos realistas.
- URL da Solução: Adicionar URL da solução aqui
- URL do Site: Adicionar URL do site aqui
- HTML5 semântico
- Propriedades personalizadas de CSS
- Flexbox
- Bootstrap 5.3.3
- Workflow mobile-first
Durante o desenvolvimento deste projeto, aprendi a trabalhar com a centralização de elementos usando Flexbox e a aplicação de classes utilitárias do Bootstrap para simplificar a estilização dos componentes. Também aprofundei meus conhecimentos na criação de componentes responsivos.
Aqui está um exemplo de código que utilizei:
<main class="d-flex justify-content-center align-items-center vh-100"> <div class="card text-center p-3 rounded-4 shadow-lg" style="width: 18rem"> <!-- Conteúdo do cartão --> </div> </main>
Para projetos futuros, quero continuar a melhorar minha habilidade de trabalhar com CSS Grid e explorar mais os componentes e recursos avançados do Bootstrap.
- Documentação do Bootstrap - A documentação oficial do Bootstrap foi essencial para entender como utilizar classes utilitárias de maneira eficiente.
- CSS Tricks - A Complete Guide to Flexbox - Este guia foi muito útil para entender as nuances do Flexbox.
- LinkedIn - Deusdete Neto
- Frontend Mentor - @deusdeteneto
- GitHub - Deusdete Neto
Gostaria de agradecer à comunidade do Frontend Mentor pelas discussões inspiradoras e feedback construtivo durante este desafio.