# Interfaz de usuario adaptable

<p class="description">Los diseños de Material Design fomentan la coherencia entre plataformas, entornos y tamaños de pantalla mediante el uso de elementos uniformes y espaciado.</p>

[Responsive layouts](https://material.io/design/layout/responsive-layout-grid.html) en Material Design se adapta a cualquier tamaño de pantalla posible. Proporcionamos las siguientes ayudas para que la interfaz de usuario responda:

- [ Grid ](/components/grid/): El Grid(cuadricula) de diseño receptiva de Material Design se adapta al tamaño y la orientación de la pantalla, lo que garantiza la coherencia entre los diseños.
- [ Container](/components/container/): El Container(contenedor) centra su contenido horizontalmente. Es el elemento más básico del layout.
- [ Breakpoints ](/customization/breakpoints/): API que permite el uso de puntos de interrupción en una amplia variedad de contextos.
- [ useMediaQuery ](/components/use-media-query/): Este es un enlace de consulta de medios CSS para React. It listens for matches to a CSS media query.
- [ Hidden](/components/hidden/): Cambia rápida y receptivamente el valor de visibilidad de los componentes y más con nuestras utilidades hidden(oculto).