# Grid item

A direct child of a grid container.

## What is a **grid item**?

A **grid item** is a direct child of a grid container, placed into the grid's cells.

```css
.photo-wall img { width: 100%; }   /* each image is a grid 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/grid-item