Viewports

The NMSU templates are responsive for smartphones, tablets, laptops, and computer screens. Responsive websites detect the visitor’s screen size, resolution and orientation and changes the layout to fit the browser window accordingly. This allows for the best viewing experience for the user.

There are five layouts that make up each viewport— extra-small, small, medium, large, and extra-large. Below are the target widths and breakpoints for each viewport.

View Web Standards for Viewports