References

  1. 📘 Mozilla Developer Network (MDN) — CSS Docs
  2. A super‑reliable guide to all things CSS. It explains every property with examples and shows how stuff actually works across browsers — perfect for learning or double‑checking how to style things.

  3. 🎨 CSS Generator
  4. A playful tool that generates CSS code for you! Want a gradient, shadow, or fancy button style? Pick options and let the site create the code — great for experimenting or inspiration.

  5. 🌐 W3Schools – HTML Tutorial
  6. A beginner friendly HTML guide with examples and practice for learning web page structure.

  7. 📐 CSS‑Tricks – A Guide to Flexbox
  8. Learn Flexbox with this clear visual guide that shows how to align, space, and order elements on a page. It’s full of examples that make it easy to see how changes affect your layout in real time.

  9. 💻 CodePen – Flexbox Playground
  10. A hands-on Flexbox demo with live results as you experiment.

  11. 🧠 NN/g – Ten Usability Heuristics
  12. A usability checklist to see if designs are simple and intuitive.

  13. 🛠 Can I Use – Browser Support Checker
  14. Check which HTML, CSS, or JS features work across different browsers.

  15. 📚 Stack Overflow
  16. A massive Q&A community where developers ask and answer real coding problems. If you get an error or need a clever solution, there’s a good chance someone already asked it here.