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:

• Grade: O leiaute responsivo da grade do Material Design se adapta ao tamanho e orientação da tela, garantindo a consistência entre leiautes.
• Container: O contêiner centraliza seu conteúdo horizontalmente. É o elemento de leiaute mais básico.
• Pontos de quebra: API que permite o uso de pontos de quebra em uma ampla variedade de contextos.
• useMediaQuery: Este é um hook CSS de consulta de mídia para React. Ele ouve correspondências para uma consulta de mídia no CSS.
• Hidden: Modifique rapidamente e de forma responsiva a visibilidade dos componentes e muito mais com nosso utilitário hidden.