# Bento grid layouts in React, hierarchy, spans and mobile collapse, EneUI

How to build a bento grid that reads in the right order: a 12-column base, spans that express hierarchy, breakpoints that collapse before the content does, and radii/gutters that make unrelated tiles look like one system.

> Page: https://ui.eneawork.it/components/cat/bento-grid/guide/bento-grid-layouts
> Markdown: https://ui.eneawork.it/components/cat/bento-grid/guide/bento-grid-layouts.md

> How to build a bento grid that reads in the right order: a 12-column base, spans that express hierarchy, breakpoints that collapse before the content does, and radii/gutters that make unrelated tiles look like one system.