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.
- Solution URL: Link to my challenge solution on GitHub
- Live Site URL: Live site for this challenge
- Semantic HTML
- CSS custom properties
- Flexbox
- Mobile-first workflow
- Google Fonts: "Outfit"
Using CSS custom properties for reusable styles making the code easier to maintain.
:root {
--slate300: hsl(212, 45%, 89%);
}
.card h1 {
color: var(--slate900);
}- Frontend Mentor: Figma for Developers - Extremely useful guide on working with Figma files as a developer 🤩!
- Website - danieltalkscode.com
- Frontend Mentor - @danpgomez
- Bluesky - @danieltalkscode.com

