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.
This was a basic challenge that I did for fun after signing up for frontend.io.
- Live Site URL: Github pages
This was a rather simple task. I simply started from the mobile layout, wrote the basic html structure, set up my css variables, and then used flexbox to achieve the desired result.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
This was all review for me. However, with tools like tailwind and react, I almost never write vanilla HTML/CSS anymore. This exercise was a good refresher on how to make sites the old fashioned way.
I think I will continue to use frontend.io to complete more difficult challenges that will demonstrate my skills