AI Engineer - Learn how to integrate AI into software applications
Free courses from frontend to fullstack and AI
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn five powerful CSS properties that solve common web development frustrations in this 14-minute tutorial by Kevin Powell. Discover how the `inset` property simplifies positioning elements, understand how `isolation: isolate` creates new stacking contexts to fix z-index issues, and explore `fit-content` for better element sizing control. Master the `aspect-ratio` property combined with `object-fit` for responsive media handling, and implement modern text formatting with `text-wrap: balance` and `text-wrap: pretty` for improved typography. Each property is demonstrated with practical CodePen examples showing real-world applications and solutions to annoying layout problems that developers frequently encounter.
Syllabus
- Introduction
- inset
- isolation: isolate
- fit-content
- aspect-ratio and object-fit
- text-wrap: balance and pretty
Taught by
Kevin Powell