# UI responsive

<p class="description">Les layouts Material Design encouragent à la cohérence entre les plate-formes, environnements et tailles d'écran en utilisant des éléments et des espacements uniformes.</p>

Les [layouts responsive](https://material.io/design/layout/responsive-layout-grid.html) Material Design s'adaptent à toutes les tailles d'écran possibles. Nous fournissons les helpers suivants pour rendre l'UI responsive :

- [Grid](/components/grid/): The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
- [Container](/components/container/): The container centers your content horizontally. C'est l'élément de mise en page le plus basique.
- [Breakpoints](/customization/breakpoints/): API that enables the use of breakpoints in a wide variety of contexts.
- [useMediaQuery](/components/use-media-query/) : Ceci est un hook media query CSS pour React ; It listens for matches to a CSS media query. It listens for matches to a CSS media query.
- [Hidden](/components/hidden/): Quickly and responsively toggle the visibility value of components and more with our hidden utilities.