Flexbox layouts: Container properties: display: flex, flex-direction (row/column), justify-content (main axis: flex-start, center, flex-end, space-between, space-around, space-evenly), align-items (cross axis: stretch, center, flex-start, flex-end), flex-wrap (wrap/nowrap), gap (spacing between items). Item properties: flex-grow (expand to fill), flex-shrink (shrink to fit), flex-basis (initial size), align-self (override container alignment), order (visual order). Most common pattern: display: flex; justify-content: space-between; align-items: center.
guide2 min read
Flexbox Guide
Complete guide to CSS Flexbox layout with examples.
Try these tools
More guide articles
Optimize Images for Web
Complete guide to image optimization: format selection, compression, sizing, lazy loading, and CDN delivery.
Build a CSS Design System
Step-by-step guide to creating a CSS design system with custom properties, typography, colors, and spacing scales.
Regex for Beginners
Learn regular expressions from scratch. Covers basic syntax, common patterns, and practical examples.
Choosing a Tech Stack
A practical guide to choosing frontend, backend, database, and hosting for your project.