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.

---

---

💻 Built With

• Semantic HTML5 markup
• CSS3 custom properties
• Flexbox for layout
• Responsive design (mobile-first approach)
• Google Fonts – Outfit

---

🎨 Design Specs

Property	Value
Mobile width	375px
Desktop width	1440px
Font Family	Outfit (400, 700)
Font Size (body)	15px
Colors
White	#ffffff
Slate 300	#d5e1ef
Slate 500	#68778d
Slate 900	#1f3251

---

⚙️ Project Structure

qr-code-component/ │ ├── image-qr-code.png │ ├── index.html ├── style.css └── README.md

---

🧠 What I Learned

Working on this challenge helped me:

• Practice HTML structure and accessibility.
• Use Flexbox for vertical and horizontal centering.
• Apply color variables using hexadecimal notation.
• Implement a clean, minimalist UI matching the given design.

---

🚀 How to Run Locally

1. Clone this repository:

   git clone https://github.com/Abdurrahman-code19/qr-code-component.git