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.