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.
- Solution URL: View Solution URL here
- Live Site URL: View Live site URL here
- HTML5
- CSS3
I learnt how to center a div (It looks surprisingly easy in theory but practically, that was the hardest part of the project)
-
https://www.browserstack.com/guide/responsive-design-breakpoints I used this resource to find out how to properly place the breakpoints
-
https://www.w3schools.com/howto/howto_css_center-vertical.asp I used this resource to learn how to properly center a div both vertically and horizontally
-
https://www.youtube.com/watch?v=QdITQ4upjME&t=146s With this resource, I learnt that the attributes given to the parent element played a huge part on the positioning of the child element.
-
https://www.youtube.com/watch?v=8JXZCpNGG4w With this resource, I learnt how to add screenshots to a github README file
-
Chatgpt
