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.
The live version of this site is located here.
The aim of this project was to replicate the following design:
- Vanilla CSS and HTML only
I found that the Figma files were useful in understanding the flex model. Viewing things as boxes within boxes, or groups within groups, was a useful way to approach this task.
This task did not require any responsiveness, so I think some of the values I hard coded would not work.
I should work on getting more proficient with positioning things in a reactive way. However, this might be an easier task with a library.
Thank you to Hassia Issah and Melvin Aguilar, who provided helpful feedback on making improvements to my initial version.
- Website - Liam Malby
- Frontend Mentor - @liammalby
- Twitter - @therealmalby