UI Responsiva

Os leiautes de Material Design incentivam a consistência entre plataformas, ambientes e tamanhos de tela usando elementos uniformes e espaçamento.

Leiautes responsivos em Material Design adaptam-se a qualquer tamanho de tela possível. Fornecemos os seguintes modos para tornar a interface do usuário responsiva:

• Grid: The Material Design responsive layout grid adapts to screen size and orientation, ensuring consistency across layouts.
• Container: The container centers your content horizontally. É o elemento de leiaute mais básico.
• Breakpoints: API that enables the use of breakpoints in a wide variety of contexts.
• useMediaQuery: This is a CSS media query hook for React. Ele ouve correspondências para uma consulta de mídia no CSS.