Responsive Page for Mobile Devices

This example illustrates responsive pages for devices ranging from the very large to the smallest. These pages were built without using CSS Grid Layout. Each of the sizes of a screen (or its viewport) is indicated with a different background colour. Teal for the very large, pink, brown and yellow. Simply enlarge or decrease the size of the browser window.