init project

docs/data/material/guides/responsive-ui/responsive-ui.md

@@ -0,0 +1,11 @@
+# Responsive UI
+
+<p class="description">Material Design layouts encourage consistency across platforms, environments, and screen sizes by using uniform elements and spacing.</p>
+
+[Responsive layouts](https://m2.material.io/design/layout/responsive-layout-grid.html) in Material Design adapt to any possible screen size.
+We provide the following helpers to make the UI responsive:
+
+- [Grid](/material-ui/react-grid/): The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
+- [Container](/material-ui/react-container/): The container centers your content horizontally. It's the most basic layout element.
+- [Breakpoints](/material-ui/customization/breakpoints/): API that enables the use of breakpoints in a wide variety of contexts.
+- [useMediaQuery](/material-ui/react-use-media-query/): This is a CSS media query hook for React. It listens for matches to a CSS media query.