Improve responsive layout or spacing in a component's CSS

Make a small improvement to the CSS of a component.
Examples: spacing fix, text alignment, mobile responsiveness, etc.

Relevant files:

• src/components/*.css
• src/index.css

---

🔧 What To Do

• Run the app locally (npm start).
• Inspect a component visually (e.g., Navbar, Footer, About).
• Apply a CSS tweak: adjust padding, fix alignment, or add a responsive media query.
• Submit a PR with a brief explanation of your change.

---

✅ Acceptance Criteria

• Clear visual improvement on at least one screen size.
• Change is scoped to CSS (with minimal markup change if necessary).

---

🧑‍🎓 Why This is Good for Beginners

• Helps you get used to the local development flow.
• Encourages testing visual changes and thinking in responsive design.

---

💡 Helpful Notes

• Include before/after screenshots in your PR when possible.
• Use browser devtools to simulate different device sizes.