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.
Note: Delete this note and update the table of contents based on what sections you keep.
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
Note: These are just examples. Delete this note and replace the list above with your own choices
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.
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.
- Frontend Mentor - @dennielstephen