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 surveys modern CSS features and their browser support, from widely supported options to newer features. It also discusses progressive enhancement and using @supports and SupportsCSS to detect feature support.
Syllabus
- Introduction
- Custom Properties
- Object Fit
- WebP
- AVIF
- Intrinsic and Extrinsic sizing
- Grid
- Conic gradients
- Logical properties
- :is and :where
- gap
- aspect-ratio
- @layer
- :has
- Container queries
- dynamic, small, and large viewport units
- Media query range syntax
- Subgrid
- Floats and the flaws with browser support tables
- Breaking your site vs. progressive enhancement
- CSS feature detection with @supports and SupportsCSS
Taught by
Kevin Powell