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.
Note: Delete this note and update the table of contents based on what sections you keep.
The challenge is to build out this QR code component and get it looking as close to the design as possible.
- Solution URL: Git Repository
- Live Site URL: Live Preview
I started out with the html and worked on the positioning and styling afterwards and lastly the animations
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Animation
Note: These are just examples. Delete this note and replace the list above with your own choices
I got to learn about the SMACCS and BEM convention and tried implementing it in this project, although it's a relatively small project so might not be much, but looking forward to using more of BEM conventions on future projects
There won't be any aditional development on this project
SMACCS
- This helped me understand howCSS
can be broken down and modularisedBEM
- This is an amazing docs onBEM
convention which helped me finally understand the naming convention inBEM
. I'd recommend it to anyone still learning this concept.
- Website - sadly no personal website yet, but you can check out my linked in profile here
- Frontend Mentor - @murytarlah
- Twitter - @murytarlah