nielzon-t/nielzon-t.github.io

nielzon-t.github.io

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
• Author
• Acknowledgments

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

Overview

Screenshot

Links

• Solution URL: This Repo
• Live Site URL: My GitHub Pages

My process

Built with

• HTML5 markup
• CSS custom properties
• Flexbox

What I learned

Hooray! Welcome to my first project :)
For this project, however seemingly simple, the major challenge presented to me was:

1. Knowing how to center the elements; and,
2. Building a responsive design. Most, I got by with trial-and-error, especially with the CSS margin, flex, padding properties (to center the elements); and CSS width and height properties (to make a responsive design) There are still lots to improve with my coding skills, and this is just the start. From here, I will further research on CSS properties so that I may be able to center properties and build a responsive design by my own.

Thanks for reading!

Author

• Website - nielzon-t's GitHub
• Frontend Mentor - @nielzon-t

Acknowledgments

Thank you, Frontend Mentor for my first project EVER! Thank you, freeCodeCamp, where I began my coding journey. And to my ever supportive wife, my everything.