Responsive design is the practice of building web pages that resize to fit any screen. Instead of developing a desktop and mobile version of each page, you develop a single page that works on all devices, mobile to desktop and everything in between.
By default, browsers will shrink a page to fit on the screen, making it hard to read on smaller devices. The following meta tag instructs the browser to scale the page to the size of the device and is included in the default presentation template.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
We recommend using Bootstrap's Grid system to design pages that adjust depending on screen size. For example, two columns on a large screen can be configure to display as two rows on a small screen.
The
Form editor has a Device dropdown that allows you resize the WYSIWYG view to see how your page design will render on different sized devices.

More devices can be added in the Page Editor tab of the
Studio Preferences dialog, opened by clicking Edit in the Device dropdown or by selecting File >
Studio Preferences in the top menu.