```meta
title: Bento
description: Uma grade de blocos de tamanhos diferentes: um destaque grande e peças menores em volta.
```

:::section width:wide space:5
## Tudo num lugar só

:::grid min:14 motion:scale
:::cell span:2 rows:2
:::cover ratio:1/1
![O recurso principal](/demo/layout/photo-3.svg)
:::overlay at:bottom-left
**O recurso principal**
:::
:::
:::
---
:::card tone:accent space:3
### 3x
mais rápido
:::
---
:::card tone:soft border:line space:3
**Um detalhe**
Uma frase sobre ele.
:::
---
:::cell span:2
:::card tone:inverse space:3
### Um recurso largo
Uma frase que ocupa a linha inteira.
:::
:::
:::
:::