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.
Creating div containers for background and easy access to editing css later, really helped me during this tutorial.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
I learned the basics of how making a real project is. I also learned how to do box shadows, and realised that developing without proper figma file is really hard. Trying to guess all of the margins and sizes of things is really hard.
I need to focus on using flexbox and grid layout, as well as box sizing, margins padding and borders. I still don't feel completely comfortable with figuring out the layout of things.
- box-shadow this article helped me to understand box shadows
- Frontend Mentor - @TheGroobi