This is a solution to the QR code component challenge on Frontend Mentor.
- Plain HTML
- CSS
- centering: at least a solution for how to center something in the page. I feel like there has to be an easier way to do this, but this is okay for now.
- variables: Got some more practice with CSS variables, which I like. Makes it easy to make sure you're following the design specs.
Layout is still pretty hard for me. I don't have a really good eye for spacing yet, and I find it hard to predict where thing will end up in the page when I make a change. I want to improve my intuition for this so I can make layouts a bit faster.
- CSS centering - Centering stuff in CSS is hard, used this solution. Part of me feels like there has to be something easier, but this is ok for now.
- Viewport units - A very helpful video about viewport units and how to make sure the page can take up the entire view. Didn't end up using it in the final solution but tried it out during the making and this helped my understanding.
- Website - Sam Vente
- Blog - howtoai.fyi
- Frontend Mentor - @yourusername