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.
1st challenge for front end developers.
and 
- Solution URL: [https://github.com/colognia/qr-code-component-main]
- Live Site URL: [https://colognia.github.io/qr-code-component-main/]
- build html
- create css
- check and verify frequently with opera and its developer console
- consulting my own notes regarding usage of tags/options, consulting developers.mozilla.org and w3schools
- Semantic HTML5 markup
- CSS custom properties
- editor: visual studio code
I already learned how to center horizontally and vertically with absolute positioning and translate so I used it here. I know you could use flexboxes as well, but I found this way more simple and quick. But I am not sure if this is the only/best way to do it. Although the task is small I used variables for the colors, which is handy for bigger sites.
Learn more about positioning, especially centering.
freecodecamp.com https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/
- Frontend Mentor - [@colognia] (https://www.frontendmentor.io/profile/colognia)
- Linkedin - (https://www.linkedin.com/in/frauke-s-395242201/)