# Flex item

A direct child of a flex container.

## What is a **flex item**?

A **flex item** is a direct child of a flex container. Flexbox sizes and places it.

```css
.nav { display: flex; }
.nav a { padding: 8px 12px; }   /* each link is a flex item */
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/flex-item