---
title: Flex container · Cloudflare Style Guide
description: The <Flex> component is intended for showing multiple images in a
  responsive layout.
lastUpdated: 2025-03-06T20:33:22.000Z
chatbotDeprioritize: true
source_url:
  html: https://developers.cloudflare.com/style-guide/components/flex/
  md: https://developers.cloudflare.com/style-guide/components/flex/index.md
---

The `<Flex>` component is intended for showing multiple images in a responsive layout.

A row layout is used on medium-large viewports (i.e laptops or desktops), and a column on small viewports (i.e mobile devices).

## Import

```mdx
import { Flex } from "~/components";
```

## Example
