Qr-code

Frontend Mentor - QR code component solution

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.

Table of contents

• [Links]
• [My process]
  • [Built with]
  • [What I learned]
  • [Continued development]
  • [Author]
• [Acknowledgments]

Links

• Solution URL: https://github.com/rough-diamond213/Qr-code
• Live Site URL: https://rough-diamond213.github.io/Qr-code

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flex

What I learned

Working on this project enabled me to work on the responsiveness of a website and how important the media query can be. I was able to master it as well and will always apply the knowledge in other projects

css

@media screen and (min-width:375px) and (max-width:1440px){
 .container{
    margin: 30% 12%;
 }
}

### Continued development

Use this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.

**Note: Delete this note and the content within this section and replace with your own plans for continued development.**

## Author

- Frontend Mentor - https://www.frontendmentor.io/profile/ediagbonya213
- Twitter - @callme_roughd

## Acknowledgments

I want to sincerely appreciate the frontend mentor community. participating in this challenge helps me get better with my skill and learn new and very important things also boosting my skill set and confidence.