Quiz | FCC Responsive Web Design Certification

Project 9/20

A responsive and accessible HTML/CSS quiz form 📝 built as part of the freeCodeCamp Responsive Web Design Certification. This project focuses on structuring content with semantic HTML, using accessibility attributes, and designing a user-friendly form layout. Fully responsive and keyboard-navigable ✅.

---

📚 Table of Contents

• 🔎 Overview
  • 📸 Screenshot
  • 🔗 Links
  • 📌 Features
• 🧠 My process
  • 🛠️ Built with
  • 🎓 What I learned
  • 🔙 Previous Project
  • 🔜 Next Project
• 👤 Author
  • 🌐 Connect with Me
  • 💻 Coding Profiles

---

🔎 Overview

📸 Screenshot

🔗 Links

• 🔴 Live Demo
• 🗂️ GitHub Repository

📌 Features

• ✅ Semantic HTML with proper headings, labels, and sections
• ✅ Accessible design using aria attributes and role="region"
• ✅ Visually hidden text for screen readers (.sr-only)
• ✅ Responsive navigation and layout
• ✅ Form elements with validation and structure

🧠 My Process

🛠️ Built with

• HTML5
• CSS3
• Accessibility features

🎓 What I Learned

• How to create accessible forms using ARIA roles and proper labels
• Best practices for semantic HTML structure
• Styling forms and inputs for better UX
• Using visually hidden content for screen readers
• Building responsive layouts with fixed headers and flexible content

🚀 For me, this project was more about practice and gaining additional experience,
rather than learning something entirely new.

👨‍💻 Since I’m not a beginner and already familiar with these technologies,
I approached it with confidence — and still, I truly enjoyed working on it.

🎯 Overall, I consider this a very valuable and enjoyable experience.

🔙 Previous Project

• Nutrition Label | [Project 8/20] → View Repository

🔜 Next Project

• Tribute Page (Certification Project) | [Project 10/20] → View Repository

---

👤 Author

🌐 Connect with Me

• Instagram
• YouTube

💻 Coding Profiles

• freeCodeCamp
• FrontendMentor
• GitHub

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀