For AI agents: the complete documentation index is at llms.txt. Markdown versions are available by appending .md or sending Accept: text/markdown.
Reflex Logo
Docs Logo
Recipes

/

Content

/

Grid

Grid

A simple responsive grid layout. We specify the number of columns to the grid_template_columns property as a list. The grid will automatically adjust the number of columns based on the screen size.

For details, see the responsive docs page.

Cards

Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
Card 7
Card 8
Card 9
Card 10
Card 11
Card 12

Inset cards

Reflex banner image

Card 1

Reflex banner image

Card 2

Reflex banner image

Card 3

Reflex banner image

Card 4

Reflex banner image

Card 5

Reflex banner image

Card 6

Reflex banner image

Card 7

Reflex banner image

Card 8

Reflex banner image

Card 9

Reflex banner image

Card 10

Reflex banner image

Card 11

Reflex banner image

Card 12

Expand
Built with Reflex