The Display Property
The display property is the most foundational layout property in CSS. It determines how an element participates in the document flow and how its children are laid out.
Z-Index and Stacking
Understanding the stacking order is one of the most misunderstood areas of CSS. This page explains z-index and the powerful (and often counterintuitive) concept of stacking contexts.
Overflow and Floats
Part 1: overflow
Position Deep Dive
The position property is one of the most powerful — and most misunderstood — tools in CSS. It controls how elements are removed from the normal document flow and placed precisely.
Layout Code Challenges
Test your mastery of position, overflow, and layout techniques with these real-world challenges. Each solves a pattern you'll encounter regularly in WordPress builds.
CSS Scroll Snap
CSS Scroll Snap gives you native browser-level snapping behavior — no JavaScript carousel library needed. Elements "snap" to defined positions as the user scrolls, creating smooth, buttery experiences for carousels, horizontal galleries, and full-page scroll sections.
Multi-Column Layout
The CSS multi-column specification lets you flow content into multiple vertical columns — like a newspaper or magazine. It's perfect for text-heavy content, FAQ sections, feature lists, and editorial layouts.