jtherien / qr-code-css-grid-flexbox

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.

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

• Live Site URL: jtherien.github.io

My process

Built with

• Flexbox
• CSS Grid

What I learned

This is my first attempt at creating anything with css. I did some pre-reading on useful tools to familiarize myself with before jumping in and I settled on exploring CSS Grid and Flexbox.

Since this is my first forray into front-end development, I did have many training wheels in place. First was learning where to find the answers to my questions, and then when I struggled to formulate the right questions, I went to ChatGPT to help clearify what it was that I was really looking to accomplish.

Continued development

I think an area of focus would be the proper way to structure CSS stylesheets as I feel the way I've organized my files does not feel optimal, or at a minimum, set up with very little thought.

Useful resources

• A Complete Guide to Flexbox: CSS-Tricks
• A Complete Guide to CSS Grid

Author

• Github - JTherien