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.

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Note: Delete this note and update the table of contents based on what sections you keep.

• Solution URL: Github
• Live Site URL: Netlify

• Semantic HTML5 markup
• CSS custom properties

I learned a lot about the basic concepts of the CSS styles, styles like "max-width, margin, object-fit" and many others. Also importantly, making sure the mobile screen works even at deployment.

<p class="mobile">
  Scan the QR code to visit Frontend Mentor and take your coding skills to the
  next level
</p>

#container {
  max-width: 270px;
  margin: 80 auto;
}

Going forward, I want to do more challenge, to cement my css understanding and get to work with javascript dom methods next.

• Mobile Responsive Design - This helped me for responsive design. I really liked this article and will give a complete read in the future.

• Frontend Mentor - @suftdev
• Twitter - @gsuftz