► ExamplesMobile developmentResponsive design

Responsive design example

In this example, the elements on the page change their location and behavior according to the size of the viewing area (browser window or mobile device screen). Responsive design is defined by media rules within the linked CSS stylesheet.

To see how the page's appearance changes for various screen sizes, try resizing the window or switch to Preview mode and use the device selector.