Free courses from frontend to fullstack and AI
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course shows how to find and diagnose CSS problems, from invalid declarations to responsiveness, overflow, and layout issues. It demonstrates browser developer tools and other visual aids for investigating grid and flexbox layouts.
Syllabus
- Introduction
- Dev Tools basics
- Typos and invalid properties & values
- Valid properties in places they won’t work
- Responsiveness, overflows, and layout issues
- Finding overflows with outlines
- Using background-color to find overflows
- Devtools features for working with grid and flexbox
- Firefox can extra visualizations that can be useful
- VisBug
- Polypane
Taught by
Kevin Powell