Skip to content

1 or 2 credits, some free · 1 credit is about $1

pocketshelf

CSS Flexbox Cheat Sheet

A 2-page reference for Flexbox layout: 14 short entries with copy-ready code.

ForDevelopers

css-flexbox-cheat-sheet.pdfShowing 23 of 90 lines
// Turn on flex
.row {
  display: flex;
}

// Direction
.col {
  display: flex;
  flex-direction: column;
}

// Main-axis alignment
.bar {
  display: flex;
  justify-content: space-between;
}

// Cross-axis alignment
.bar {
  display: flex;
  align-items: center;
}

What's inside

Format
PDF, Markdown
Contents
14 sections · 2 pages
Version
1.0 · Updated 3 Oct 2026
Licence
Personal What this means
Checked
Checked before it ships
  • css-flexbox-cheat-sheet.pdfPDF · 18 KB
  • css-flexbox-cheat-sheet.mdMarkdown · 1 KB
  • LICENSE.txtadded to every download

About this item

A compact, printable reference for Flexbox layout. Each of the 14 entries has a one-line explanation and a small example you can paste into your editor. The PDF uses a two-column A4 layout designed to sit next to your keyboard, and the same content ships as Markdown so you can search it or drop it into your notes. Every CSS example targets CSS3.

Reviews

No reviews yet.

You might also grab