Explore innovative CSS techniques and challenge conventional coding patterns in this 23-minute video tutorial. Learn how to use width: min() for wrappers, implement custom properties for improved readability, create flexible main-with-sidebar layouts, and understand the flow class concept. Discover why certain practices like flex: 1 for equal columns persist and how to approach new methods that may initially seem unfamiliar. Gain insights into evolving CSS best practices and expand your toolkit for creating more efficient and adaptable web designs.
Overview
Syllabus
- Introduction
- using width: min for a wrapper
- did you never start using arrow functions in JS?
- Using custom properties to make things more readable
- main with sidebar
- main with sidebar where the breakpoint is based on one of the children’s size
- The flow class * + *
- why is flex: 1 for equal columns not considered bad practice?
Taught by
Kevin Powell
