Flexbox

0 lessons

2 code snippets

1 question bank

3 community items

css-flexbox

Code Snippets

2 snippets

Code Snippet

Center Anything with Flexbox

Centering a child horizontally and vertically used to require pixel math, table tricks, or absolute-positioning hacks. Flexbox collapses the whole thing into three properties. This snippet covers the canonical centering pattern, the inline-flex variant for centering inside button-shaped wrappers, and the gap-aware multi-child version that keeps spacing consistent.

258

Sticky Footer with Flexbox

A footer that stays at the bottom of the viewport on short pages and at the bottom of the content on long pages used to require absolute positioning, fixed heights, or table-cell tricks. Flexbox solves it with two declarations. This snippet covers the canonical body-flex layout, the grid-based equivalent, and the wrapper variant for apps that already have a top-level container.

505

Question Banks

1 item

Question Bank

CSS Grid and Flexbox Quiz

Four drills on the differences between flexbox and grid, plus the gap, auto-fit, and minmax patterns that show up in real responsive layouts.

css-responsive-design

953

Medium

Community

3 items

Question Bundle

$12.99

The Frontend-Only Loop I Coach People Through

Five rounds I rehearse with frontend candidates: a DOM puzzle, a CSS layout, a state management drill, an accessibility audit, and a rendering performance question. JavaScript throughout, framework-agnostic where possible.

978

4.3 (15)

Feb 28, 2026

by @diyaandersen

Interview Experience

Frontend Engineer Loop at a Design-Centric Company

A 5 round frontend loop at a design-centric Series C SaaS. The CSS round, the rendering round, the design-system round, and what each one was actually grading.

166

4.3 (14)

Feb 10, 2026

by @theokone

Article

Flexbox vs Grid: Pick the Right Tool

Flexbox is one-dimensional layout, Grid is two-dimensional. Most layout battles end faster when you pick the right one before you start writing CSS.