Table of Contents

UI - Responsive Design

About

Responsive UI design means designing an application by keeping in mind that he'll be used on a range of device screen with different sizes.

Responsive layouts in material design adapt to any possible screen size.

Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design.

Behavior Container

The whole UI component are contained in a container that may have two behavior:

Tools

Screen resolution

Cross-device testing

Documentation / Reference