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: https://github.com/Gskds/qr-code-component-main.git
- Live Site URL: https://glistening-shortbread-c2e38c.netlify.app
- Semantic HTML5 markup
- CSS Grid
- Mobile-first workflow
In these lesson I learn how to center card by using palce-items or place-content.
Code snippets
<article>
...
</article>
.proud-of-this-css {
pace-items: center;
}
please give my a comment if there is any useless declaration either on html or css since I want to improve on writing better html structure and clear and mentenable css.
-https://youtube.com/@KevinPowell
- His YouTube tutorials help me to write better css reset. I really liked this pattern and will use it going forward.
- Frontend Mentor - @Gskds