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

• Frontend Mentor - QR code component solution
  • Table of contents
  • Overview
    • Screenshot
    • Links
  • My process
    • Built with
    • What I learned
    • Useful resources
  • Author
  • Acknowledgments

Overview

Screenshot

Links

• Solution URL: QR code component
• Live Site URL: QR code component

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

in this project i learned how to import and use font from google font, and how to use flexbox to center elements horizontally and vertically

code snippets:

.container {
    height: 960px;
    display: flex;
    justify-content: center;
    align-items: center;
}

Useful resources

• elzero - This web site helped me for learning HTML and CSS and Git. I really liked this pattern and will use it going forward.

Author

• Website - QR code Component
• Frontend Mentor - @7A9Oo
• Facebook - Abdelhak Med

Acknowledgments

I would like to express my heartfelt gratitude to Osama Elzero for invaluable assistance. his support and guidance have been tremendously helpful, and I am truly grateful for his time and effort.