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.
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- HTML5
- CSS custom properties
- Flexbox
- Desktop-first workflow
Note: These are just examples. Delete this note and replace the list above with your own choices
In this challenge, I learned the art of centralizing cards using flexbox by justifying the content in the parent element and aligning items in the child element.
main {
display: flex;
justify-content: center;
}
child-element {
display: flex;
align-items: center;
}
I would be working on using CSS variables in future projects and challenges.
- Dave Grey Tutorials - This helped me for building basics in CSS, Dave is an amazng tutor. I really liked his breakdown of CSS in his basic course.
- Website - King David Ajayi
- Frontend Mentor - @daking24
- Twitter - @daking3968
Gratitude goes to Dave Grey for his tutorials and course outlines.