Web editing - How does the site look on my phone versus my computer?

A breakdown of how the UWL web site adapts to different screen sizes
Below are two diagrams which show the parts of the page discussed above, and how they lay on the page based on screen size. The shifting of content zones to match the screen width is called Responsive design. Our site is fully responsive. Pay attention to the Orange content zone on desktop and where it goes on mobile, for example.
Desktop view
Desktop view - Contents are displayed in 2 columns. Left column contains Inherited main top, main middle and inherited main bottom. Right column contains inherited right top, right middle and inherited right bottom.
Mobile phone/tablet view
mobile phone view - contents are stacked in a singular column, in the following order: inherited right top, inherited main top, main middle, inherited middle bottom, right middle and inherited right bottom.


Keywords:
mobile, responsive, design, inherited, content zone, zones 
Doc ID:
100431
Owned by:
Jake S. in UW-La Crosse
Created:
2020-04-10
Updated:
2026-04-15
Sites:
UW-La Crosse