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.

Screenshot

(screenshot_2024-05-23 A QR code component.png)

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

I have always had some difficulty when it comes to vertically centering elements but with some trial and error i was able to center my QRcode using the style below;

body{
    background-color: hsl(219, 59%, 88%);
    display: flex;
    justify-content: center;
    transform: translateY(50%);
    height: 100vh;
}

If you want more help with writing markdown, we'd recommend checking out [The Markdown Guide](https://www.markdownguide.org/) to learn more.


### Continued development
Website responsiveness has been quite a pain in the neck which would likely be my major focus from now on

## Author

- Frontend Mentor - [@yourusername](https://www.frontendmentor.io/profile/yourusername)
- Twitter - [@yourusername](https://www.twitter.com/@Tech_wizzz)