Cutting-Edge CSS

Learn CSS concepts in an intensely graphical illustration of the powers of CSS.

Introduction

• Cutting-edge CSS
• Exercise files

1. Core Principles

• What are logical properties?
• Position explained
• Why margins collapse

2. Selectors

• Counting with CSS
• Container queries
• The difference between :is and :where

3. Layout

• How the clamp() function works
• Beyond viewport width
• Flex vs. grid: Content out or layout in?
• Making sense of grid-auto-flow

Conclusion

• Next steps