Submitted over 2 years agoA solution to the QR code component challenge
QR Code Component using Flexbox
accessibility, foundation
@amalhanaja
Solution retrospective
Process Log
- Create CSS File
- Define styleguide sama import font-family
- Slicing UI
- Card (<main>)
- QR Code (<figure>)
- QR Image (<img>)
- Content (<section>)
- Title (<h1>)
- Description (<p>)
- Implement UI Structure in HTML
- Styling using CSS
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
Lesson Learned
- Box shadow
- Margin shorthand
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Alfian Akmal Hanantio's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord