# Codecrumbs

> Bite-sized, interactive articles on web development: CSS, JavaScript and modern frontend, explained visually.

Codecrumbs is a web development channel and blog: short, visual explainers on CSS, JavaScript and modern frontend,
each with interactive demos. Videos: https://www.youtube.com/@codecrumbs

## Using this content

- Copyright Codecrumbs. All rights reserved.
- Short quotes and summaries, including in AI answers, are welcome with credit to Codecrumbs and a link to the original article. Republishing or reusing articles, demos, code or videos needs written permission (info@codecrumbs.com).
- Credit: Codecrumbs (https://www.codecrumbs.com), with a link to the original article.
- Please don't use this content to train AI models (robots.txt content signal ai-train=no).
- Full text of every article, each with its link: https://www.codecrumbs.com/llms-full.txt

## Articles

- [CSS Flexbox Made Simple: An Interactive Guide](https://www.codecrumbs.com/blog/css-flexbox-made-simple): Learn CSS flexbox with interactive demos you can try: flex-direction, justify-content, align-items, flex-grow and more, plus a free printable cheatsheet.

## Cheatsheets

- [CSS Flexbox Cheat Sheet](https://www.codecrumbs.com/cheatsheets/flexbox): every flexbox property on one printable page