Frontend Mentor - QR code component solution

This is my code solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects. You can also try this challenge and even more in Frontend Mentor site.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

Screenshot

Links

• Solution URL: Solution Code File
• Live Site URL: Solution Preview

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Mobile-first workflow
• Flexbox

What I learned

I have learnt alot of things, when trying to make my solution more accurate to the given design. So I recommend others to try to be more accurate(not Perfect) as the design this makes them to learn more even by themselve.

Continued development

I am comfortable with HTML, CSS and some JavaScript. So I will try this same challenge with React, since it is component it is great with React.

Useful resources

• Example resource 1 - This helped me for reffering some css rules reason. w3school is nice for getting more refference to remember.
• Example resource 2 - And this is the main helper for almost everything, it is easier to directly search on google rather than specific code element search.

Author

• Website - Elyas Abebe
• Frontend Mentor - @Elijah-05
• Twitter - @ElyasAbebe