zoxabbasi/qr-code-component_frontend-mentor

This is my solution to the QR code component challenge on Frontend Mentor.

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
  • Continued development
  • Useful resources
• Author

Overview

Screenshot

Links

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

My process

• I used CSS grid twice in the project. First grid was used to centre the QR-code component vertically and horizontally in the page. Second one was to position the item on the QR-code component.

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS GRID
• Mobile-first workflow

What I learned

What I have learned the most, is the use of devtools for development process.

Continued development

I should would more with CSS grid to get a better understanding of it.

Useful resources

• Kevin Powell - Kevin's video tutorials were of greate help on this project.

Author

• Website - Talal Abbasi
• Frontend Mentor - @zoxabbasi
• Twitter - @zoxabbasi