A viewport is how your website will appear when viewed using a screen or window of a certain size. You can use viewports to make your website appear differently when the window size changes or when it is accessed from devices that use smaller screens (tablets, phones, etc.). 


The Webzai editor lets you change the appearance of individual viewports as well as animate the transitions between them to make a truly brilliant, responsive website.

There are 4 default viewports:

Laptop - 1024 px

Tablet - 768 px

Mobile (Landscape) - 480px

Mobile (Portrait) - 320px


You can also add your own custom viewports of any size. Click here to learn how.