QR-code-with-HTML-CSS

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 -Build with
  • What I learned
  • Continued development
• Autor

Overview

Screenshot

Links

• Solution URL : (https://www.frontendmentor.io/solutions/qrcodewithhtmlcss-oXtn4HH4kS)
• Live Site URL : https://loquacious-parfait-209f1f.netlify.app/

My process

Built with

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

What I learned

The use of text-align .qr{ /* display:flex; flex-direction: column; justify-content: center; align-items: center; */ text-align: center; background-color: hsl(0, 0%, 100%); max-width: 300px; height: 500px; border-radius: 10px; }

Continued development

In Mobile-size page

Author

website -[Hawi Girmachew] (https://loquacious-parfait-209f1f.netlify.app/) Frontend Mentor @Hawigirmachew (https://bespoke-douhua-254948.netlify.app/) Twitter - @girmachee_h(https://twitter.com/girmachee_h)