Website Bug Fix Lab

Real-world website debugging examples focused on HTML/CSS/JavaScript bug fixing and responsive layout improvements.

What you’ll find here

This repository contains before/after bug fix cases that simulate real freelance scenarios (Upwork/Fiverr style).

Common issues solved

• Broken layouts / CSS overflow
• CSS conflicts
• JavaScript console errors
• Buttons not working (event listeners)
• Responsive design issues (mobile/tablet)
• WordPress theme/plugin UI conflicts (concept cases)

---

Case Studies

✅ Case 01 — Layout broken on mobile

• Fixed CSS overflow
• Improved responsive behavior

✅ Case 02 — JavaScript console errors

• Debugged script loading order
• Removed blocking errors

✅ Case 03 — Button not working

• Fixed event listener conflict
• Improved UX interaction

---

Tech Stack

• HTML5
• CSS3
• JavaScript (ES6)
• Browser DevTools Debugging
• Responsive Design

---

How to use

1. Open any case folder inside /cases
2. Check the problem description
3. Review the before/after code
4. See screenshots in /assets

---

Author

Fernanda Gonzales
Frontend Debugging & Website Fix Specialist
GitHub: https://github.com/fernandagdev