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.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Google Fonts - Outfit
-
HTML Structure: The project uses a simple, semantic HTML structure with a wrapper that contains the QR code, a heading, and a description paragraph. An attribution section credits the challenge and your work.
-
Font: The project utilizes the "Outfit" font from Google Fonts, which is linked in the
<head>section of the HTML. -
Image Accessibility: The QR code image includes an
altattribute for better accessibility, making it clear what the image represents.
- Website - Kiyah Mitchell
- Frontend Mentor - @kiyahmitchell
- Instagram - @kiyahcodes