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.
- Solution URL: go to my solution
- Live Site URL: go to live site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Less - Leaner Style Sheets
While working through this project, firstly I have learnt Less.js features likes (variables, mixins, nesting). It was fun writing css using less and I have more control over my css class and properties. Secondly, I gained some experinece and basic knowledge about Figma UI design tool.
- LESSCSS - Official website for Less.js.
- Figma | Dev Mode - This article helped me understand how to work with figma files from you VSCode. I'd recommend it to anyone still learning this concept.