QR-Code Component Main é um desafio do Frontend Mentor feito com HTML e CSS. Esse projeto, apresar de ser uma landing page, traz elementos bem interessantes nessas linguagens. Obrigado por chegar até aqui. Confira o código.
- Captura de tela
- Links
- Construído com
- O que aprendi
- Desenvolvimento contínuo
- Recursos úteis
- Diego Escobar
Nesse projeto envolvendo HTML e CSS, aprendi conceitos importantes. Através do CSS, aprendi a dar estilo e formatar elementos HTML, explorando propriedades como cores, fontes, posicionamento e responsividade. No processo de aprendizado, foi importante entender os conceitos fundamentais de cada linguagem. Praticar esses conceitos em projetos reais nos ajuda a aprimorar nossas habilidades e explorar diferentes técnicas e soluções para os desafios que encontramos.
.container {
background-color: var(--background-container);
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container .qr-container{
width: 300px;
height: 450px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--background-card);
text-align: center;
border-radius: 15px;
}
.container .qr-container img{
width: 265px;
height: 265px;
border-radius: 15px;
margin-top: 140px;
}
Pretendo continuar focado em construir um conhecimento sólido nessas linguagens. Ainda há muitos conceitos importantes para serem desenvolvidos. Todos os dias são gradativamente adicionados ao meu repertório de ferramentas.
- W3School - Esse site sempre me ajuda a resolver qualquer problema relacionados a códigos de uma maneira fácil e muito rápida.
- Dev em Dobro - Este é um canal onde encontro muito material. Tem muito conteúdo relacionado ao desenvolvimento. Recomendo a todos que querem aprender sobre esse e outros conceitos relacionados.