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

Mobile phone/tablet view
mobile phone view




Keywords:mobile, responsive, design, inherited, content zone, zones   Doc ID:100431
Owner:Jake S.Group:UW-La Crosse
Created:2020-04-10 08:46 CDTUpdated:2020-04-10 08:46 CDT
Sites:UW-La Crosse
Feedback:  0   0