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

• Overview
  • Screenshot
  • Links
• My Process
  • Built with
  • What I learned
  • Useful resources
• Author
• Socials

Overview

Screenshot

Links

• Solution URL: View Solution URL here
• Live Site URL: View Live site URL here

My Process

Built with

• HTML5
• CSS3

What I learned

I learnt how to center a div (It looks surprisingly easy in theory but practically, that was the hardest part of the project)

Useful resources

• 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

Author

@codhaking

Socials

---