/qrcodecomponent

Frontend mentor challenge

Primary LanguageCSS

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

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

Overview

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox

Note: These are just examples. Delete this note and replace the list above with your own choices

What I learned

The use of HTML5 semantics is what I learned new today. Also I learned that css has a gap and word-spacing component. Lastly I need to master the use of rem that is why I rarely use px here.

<main class="qr-container"></main>
.qr-container {
  gap: 0.2rem;
}

Note: Delete this note and the content within this section and replace with your own learnings.

Continued development

I want to make this functional and generate QR codes based on user input links.

Note: Delete this note and the content within this section and replace with your own plans for continued development.

Author