This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- Live Site URL: (https://ingridycandido.github.io/QR-code-component-solution/)
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Responsive viewer
I learned that I always need to study, and try several times. The solution is not always obvious, but it is always there. There are some things that surprised me how I managed to do even alone. I was happy during construction.
Something I was happy to remember was keeping my site accessible with this piece of code:
<body>
<main class="container">
<img class="imagem-qr-code" src="./src/imagens/image-qr-code.png" alt="QR code"/>
I want to focus on learning more about CSS Grid and responsiveness. I still have a lot to learn in CSS, there are many interesting things that can be used during the construction of a project.
- GitHub - Ingridy Candido
- Frontend Mentor - @IngridyCandido
- LinkeIdn - Ingridy Candido
I would like to thank Isa for her support and introduce me to programming and DevEmDobro for the Mario project, which gave me many tips that I put into practice here.