📖 Guide

CSS Flexbox Reference

Complete CSS Flexbox reference — container properties, item properties, and common layout patterns.

79 commands across 11 categories

Container: Display

CommandDescription
display: flex
Create a block-level flex container
display: inline-flex
Create an inline-level flex container

Container: Direction & Wrap

CommandDescription
flex-direction: row
Main axis left to right (default)
flex-direction: row-reverse
Main axis right to left
flex-direction: column
Main axis top to bottom
flex-direction: column-reverse
Main axis bottom to top
flex-wrap: nowrap
All items on one line (default)
flex-wrap: wrap
Items wrap onto multiple lines
flex-wrap: wrap-reverse
Items wrap in reverse order
flex-flow: row wrap
Shorthand for flex-direction and flex-wrap
flex-flow: column nowrap
Shorthand: vertical direction, no wrapping

Container: Justify Content

CommandDescription
justify-content: flex-start
Pack items at the start of the main axis (default)
justify-content: flex-end
Pack items at the end of the main axis
justify-content: center
Center items along the main axis
justify-content: space-between
Equal space between items, no space at edges
justify-content: space-around
Equal space around items (half-size at edges)
justify-content: space-evenly
Equal space between and around items
justify-content: start
Pack items at the start (writing-mode aware)
justify-content: end
Pack items at the end (writing-mode aware)

Container: Align Items

CommandDescription
align-items: stretch
Stretch items to fill cross axis (default)
align-items: flex-start
Align items to start of cross axis
align-items: flex-end
Align items to end of cross axis
align-items: center
Center items on the cross axis
align-items: baseline
Align items along their text baseline
align-items: start
Align to start (writing-mode aware)
align-items: end
Align to end (writing-mode aware)

Container: Align Content

CommandDescription
align-content: stretch
Stretch lines to fill container (default, multi-line only)
align-content: flex-start
Pack lines at cross-axis start
align-content: flex-end
Pack lines at cross-axis end
align-content: center
Center lines in cross axis
align-content: space-between
Equal space between lines
align-content: space-around
Equal space around lines
align-content: space-evenly
Equal space between and around lines

Container: Gap

CommandDescription
gap: 16px
Set equal row and column gap between items
gap: 16px 24px
Set row gap and column gap separately
row-gap: 16px
Set gap between rows only
column-gap: 24px
Set gap between columns only
gap: 1rem
Gap using rem units
gap: 5%
Gap as percentage of container size

Item: Order

CommandDescription
order: 0
Default order — items appear in source order
order: -1
Move item before all default-ordered items
order: 1
Move item after all default-ordered items
order: 99
Push item to the end

Item: Flex Grow, Shrink, Basis

CommandDescription
flex-grow: 0
Don't grow to fill available space (default)
flex-grow: 1
Grow to fill available space equally
flex-grow: 2
Grow at twice the rate of flex-grow: 1 items
flex-shrink: 1
Shrink if necessary (default)
flex-shrink: 0
Don't shrink — maintain basis size
flex-shrink: 2
Shrink at twice the rate of default items
flex-basis: auto
Use item's intrinsic size (default)
flex-basis: 0
Ignore intrinsic size — distribute space purely by flex-grow
flex-basis: 200px
Set initial size before growing/shrinking
flex-basis: 25%
Set initial size as percentage of container
flex-basis: content
Size based on content (like auto but ignores width/height)

Item: Flex Shorthand

CommandDescription
flex: 0 1 auto
Default: don't grow, can shrink, auto basis
flex: 1
Shorthand for flex: 1 1 0% — grow equally, ignore intrinsic size
flex: auto
Shorthand for flex: 1 1 auto — grow equally, respect intrinsic size
flex: none
Shorthand for flex: 0 0 auto — fully inflexible
flex: 2 1 0%
Grow at 2x rate, can shrink, zero basis
flex: 0 0 200px
Fixed size: don't grow or shrink, 200px basis
flex: 1 0 300px
Grow from 300px minimum, don't shrink

Item: Align Self

CommandDescription
align-self: auto
Use container's align-items value (default)
align-self: flex-start
Override: align this item to cross-axis start
align-self: flex-end
Override: align this item to cross-axis end
align-self: center
Override: center this item on cross axis
align-self: stretch
Override: stretch this item to fill cross axis
align-self: baseline
Override: align this item to text baseline

Common Layouts

CommandDescription
display: flex; justify-content: center; align-items: center
Center an item both horizontally and vertically
display: flex; justify-content: space-between; align-items: center
Navbar layout — items spread with vertical centering
display: flex; flex-direction: column; min-height: 100vh /* main */ flex: 1
Sticky footer — header, expanding main, footer at bottom
display: flex; flex-wrap: wrap; gap: 16px /* items */ flex: 1 1 300px
Responsive card grid — wraps when items can't fit 300px minimum
display: flex /* sidebar */ flex: 0 0 250px /* main */ flex: 1
Sidebar layout — fixed sidebar, fluid main content
display: flex; flex-direction: column; gap: 8px
Vertical stack with consistent spacing
display: flex; gap: 8px; align-items: center /* icon */ flex-shrink: 0 /* text */ flex: 1 /* action */ flex-shrink: 0
Media object — icon, flexible text, action button
display: flex; flex-wrap: wrap /* items */ flex: 1 1 calc(33.333% - 16px)
Three-column grid that wraps responsively
display: flex; align-items: stretch /* child */ width: 100%
Equal height columns
margin-left: auto
Push item to the right (flex auto margins)
margin: auto
Center single item in flex container using auto margins
display: flex; flex-direction: row-reverse; justify-content: flex-end
Visual reversal while maintaining source order for accessibility

More Guides

🌿
Git Commands
Complete Git command reference cheat sheet — from basics to advanced workflows, including branching, stashing, rebasing, and tagging. Searchable, with examples.
📝
Vim Commands
Complete Vim/Vi command reference cheat sheet — modes, motions, editing, search and replace, macros, registers, marks, and window management.
🐳
Docker Commands
Complete Docker & Docker Compose command reference cheat sheet — containers, images, volumes, networks, registry auth, buildx multi-platform builds, & cleanup.
🔤
Regex Reference
Complete regular expression reference cheat sheet — character classes, anchors, quantifiers, groups, lookaheads, flags, and JavaScript string methods.
🐧
Linux Commands
Complete Linux/Bash command reference cheat sheet — file management, text processing, networking, system admin, and shell scripting.
☸️
Kubernetes Commands
Complete Kubernetes & kubectl command reference cheat sheet — pods, deployments, services, secrets, namespaces, scaling, RBAC, networking, and Helm charts.
🐍
Python Reference
Complete Python reference — syntax, data structures, string methods, control flow, classes, error handling, file I/O, comprehensions, and built-ins.
🗃️
SQL Reference
Complete SQL reference cheat sheet — queries, joins, aggregation, subqueries, indexes, window functions, string and date functions, and database management.
🌐
Nginx Reference
Complete Nginx configuration reference — server blocks, locations, proxying, SSL, load balancing, caching, security headers, and rate limiting.
🔐
SSH Commands
Complete SSH reference — connections, key management, tunneling, config, SCP/SFTP, agent forwarding, security hardening, and troubleshooting.
👷
Jenkins Reference
Complete Jenkins reference — pipeline syntax, Jenkinsfile, plugins, CLI, agents, shared libraries, credentials, and CI/CD patterns.
📨
HTTP Headers Reference
Complete HTTP headers reference — request headers, response headers, caching, security, CORS, and content negotiation. Searchable, with examples.
🐘
PostgreSQL Reference
Comprehensive PostgreSQL reference — from connection basics to advanced features like JSONB, full-text search, window functions, and performance tuning.
⚡
Async Patterns Reference
Multi-language async/concurrency patterns — JavaScript, Python, Go, Rust, Java, plus retry, rate limiting, and circuit breaker patterns.
📡
Protobuf & gRPC Reference
Comprehensive reference for Protocol Buffers (proto3) and gRPC — message definitions, services, streaming, and common patterns.
📚
JS Array Methods
Complete JavaScript Array methods reference — creating, searching, transforming, sorting, iterating, and common patterns. Searchable, with examples.
🌊
Tailwind CSS Reference
Complete Tailwind CSS reference — layout, spacing, typography, colors, responsive design, states, and common patterns. Searchable, with examples.
◈
GraphQL Reference
Complete GraphQL reference — schema definition, types, queries, mutations, directives, fragments, and common patterns. Searchable, with examples.
💻
VS Code Shortcuts
Complete VS Code keyboard shortcuts cheat sheet — editing, navigation, search, multi-cursor, terminal, debug, and more. Searchable, with Cmd/Ctrl notation.
🔲
CSS Grid Reference
Complete CSS Grid reference — container properties, item placement, grid functions, and common layout patterns. Searchable, with examples.
⚛️
React Hooks Reference
Complete React Hooks reference — useState, useEffect, useContext, custom hooks, and common patterns. Searchable, with examples.
🔷
TypeScript Reference
Complete TypeScript reference — types, interfaces, generics, utility types, and advanced patterns. Searchable, with examples.
☁️
AWS CLI Reference
Complete AWS CLI reference — EC2, S3, IAM, Lambda, ECS, RDS, CloudFormation, CloudWatch, SQS/SNS, Route 53, and common operations.
🐹
Go Reference
Complete Go (Golang) reference — syntax, types, structs, interfaces, goroutines, channels, error handling, testing, and the standard library.
💠
PowerShell Reference
Complete PowerShell reference — cmdlets, pipelines, scripting, file operations, remote management, and Active Directory.
💾
Redis Commands
Complete Redis command reference — strings, hashes, lists, sets, sorted sets, pub/sub, transactions, and server management.
🏗️
Terraform Commands
Complete Terraform reference — init, plan, apply, state management, modules, workspaces, providers, backend configuration, and HCL syntax.
⚙️
Ansible Commands
Complete Ansible reference — playbooks, modules, inventory, roles, vault, Galaxy, handlers, conditionals, loops, and ad-hoc commands.
🪶
Apache
Complete Apache HTTP Server cheat sheet — virtual hosts, modules, rewrite rules, and SSL, plus access control, logging, and performance.
🔤
ASCII Table
Complete ASCII character reference with decimal, hexadecimal, and character values, plus control codes and common escape sequences.
🔧
Awk
Powerful text processing language for pattern scanning, data extraction, arrays, control flow, and report generation with built-in variables.
💻
Bash
Complete Bash reference cheat sheet — variables, strings, arrays, conditionals, loops, functions, file tests, I/O redirection, process management, and more.
⚙️
C
Complete C programming cheat sheet covering syntax, pointers, memory management, structs, file I/O, preprocessor, and standard library.
🔐
Chmod
Linux file permission commands and patterns for chmod, covering numeric and symbolic modes, recursive changes, and SUID/SGID/sticky bits.
🔧
Chrome DevTools
Essential Chrome DevTools shortcuts, commands, and workflows for web developers — covering Network, Performance, and Application panels.
🔷
C++
Complete C++ cheat sheet covering STL containers, OOP, templates, smart pointers, iterators, lambda expressions, and modern C++ features.
⏰
Cron
Cron scheduling reference covering syntax, special strings, field values, crontab management, environment variables, and logging.
🎨
CSS
Complete CSS reference cheat sheet — selectors, box model, positioning, typography, animations, media queries, custom properties, and more.
🌐
Curl
Curl command-line reference for HTTP requests, headers, authentication, cookies, proxies, file transfers, SSL/TLS, debugging, and API patterns.
🎯
Dart
Dart language cheat sheet covering syntax, types, OOP, null safety, and async patterns, plus collections, error handling, and classes.
🐳
Docker Compose
Docker Compose reference covering CLI commands, service configuration, networking, volumes, health checks, profiles, and build options.
💧
Drizzle ORM
Complete Drizzle ORM reference for schema definition, column types, queries, filters, joins, relations, migrations, indexes, and patterns.
⚡
Emmet
Quick reference for Emmet abbreviations for lightning-fast HTML and CSS coding, covering nesting, multiplication, numbering, and grouping.
🔍
Find
Search for files and directories in a directory hierarchy with powerful filtering by name, size, time, permissions, type, and actions.
🔥
Firebase
Firebase reference covering Authentication, Firestore, Realtime Database, Cloud Functions, Hosting, Storage, and security rules.
🤖
GitHub Actions
Complete GitHub Actions cheat sheet — workflows, triggers, jobs, and CI/CD patterns, plus matrix strategies, caching, and artifacts.
🔎
Grep
Search text using patterns. Filter lines from files, command output, or streams with regular expressions, context options, and file filtering.
📄
HTML
Complete HTML reference — document structure, text content, links, forms, tables, media, semantic elements, meta tags, attributes, and accessibility.
📡
HTTP Status Codes
Complete reference of all standard HTTP response status codes across 1xx-5xx classes, with descriptions, examples, and common usage patterns.
☕
Java
Complete Java reference — data types, strings, collections, OOP, interfaces, exceptions, file I/O, streams, lambdas, and more.
🟨
JavaScript
Complete JavaScript reference — variables, types, operators, strings, arrays, objects, functions, async, DOM, ES6+, and more.
💲
jQuery
Quick reference for jQuery selectors, DOM manipulation, events, AJAX, and more, including animation effects, traversing, and plugins.
🔺
Laravel
Laravel PHP framework cheat sheet for routing, Eloquent, Blade, Artisan, and more, plus middleware, validation, and authentication.
📐
LaTeX
Quick reference for LaTeX document structure, math mode, formatting, and common packages, plus figures, tables, and citation styles.
📝
Markdown
Complete Markdown syntax reference for headings, formatting, links, tables, code blocks, task lists, footnotes, and extensions.
🍃
MongoDB
MongoDB reference covering CRUD operations, aggregation, indexes, and administration, plus replica sets, users, roles, and query operators.
🐬
MySQL
Complete MySQL cheat sheet covering queries, joins, indexes, transactions, data types, user permissions, and database administration.
▲
Next.js
Next.js App Router reference covering routing, data fetching, server components, API routes, middleware, and deployment configuration.
🟩
Node.js
Comprehensive Node.js runtime reference covering modules, file system, HTTP, streams, events, child processes, and npm scripts.
📦
npm
Complete npm cheat sheet — package management, scripts, publishing, and configuration, plus workspaces, security audits, and npx.
🔢
NumPy
Essential NumPy commands for array manipulation and numerical computing in Python, covering reshaping, broadcasting, and linear algebra.
🐼
Pandas
Pandas cheat sheet for data manipulation, analysis, and transformation in Python, covering DataFrames, grouping, merging, and date/time.
🐘
PHP
Complete PHP cheat sheet covering syntax, OOP, arrays, PDO, and modern PHP 8.x features, plus file I/O, superglobals, and error handling.
🔄
PM2
Production process manager for Node.js applications with cluster mode, monitoring, log management, startup scripts, and zero-downtime reloads.
💎
Prisma
Complete Prisma ORM cheat sheet — schema, queries, migrations, and CLI, plus relations, aggregations, filtering, and seeding patterns.
🦀
Rust
Comprehensive Rust language cheat sheet covering ownership, traits, pattern matching, structs, enums, error handling, closures, and concurrency.
💅
Sass
Complete Sass/SCSS cheat sheet covering variables, mixins, functions, nesting, extends, maps, and the modern module system.
📺
Screen
GNU Screen terminal multiplexer for persistent sessions, window and split-region management, key bindings, copy mode, and remote work.
✂️
Sed
Stream editor for filtering and transforming text, line by line — substitution, address ranges, hold space, branching, and flags.
⚡
Supabase
Complete Supabase cheat sheet — auth, database, realtime, storage, and edge functions, plus row level security and migrations.
🖥️
Tmux
Terminal multiplexer cheat sheet for managing multiple sessions, windows, and panes from a single terminal, with copy mode and status bar configuration.
📦
TOML
Quick reference for TOML configuration file syntax, types, tables, and common patterns, including arrays of tables and inline tables.
▲
Vercel CLI
Complete Vercel CLI reference for deployment, project management, domains, environment variables, secrets, logs, edge functions, and configuration.
⚡
Vite
Next-generation frontend build tool with instant HMR, native ES modules, plugins, environment variables, library mode, and Rollup-based builds.
📦
Webpack
Module bundler for JavaScript applications — entry/output config, loaders, plugins, code splitting, module resolution, and optimization.
🎯
XPath
Quick reference for XPath expressions, axes, predicates, string functions, node tests, and operators for XML/HTML querying.
📋
YAML
YAML syntax reference covering scalars, collections, anchors, aliases, multi-line strings, nested structures, and common patterns.

📖 Free, searchable command reference. Bookmark this page for quick access.