# Flexbox Wrapping and gap

flex-wrap lets flex items move onto a new line when they run out of room, gap puts even space between them, align-content places the lines, flex: 1 1 15rem makes a card row that fits any screen, and order changes what the eye sees but not what the keyboard follows.

![Cheat sheet: Flexbox Wrapping and gap](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/49ac4b8b9071482280151bbbc898e143.webp)

- Category: CSS
- Level: Journeyman
- Tags: Align content, CSS, Flex wrap, Gap, Order
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-flexbox-wrapping-cheat-sheet