skip to content
Primary navigation

Responsive Image examples

For the sake of this page, we're linking the "Component Info" button to the General Content component, but responsive images can be entered in any rich-text field, which are used in numerous component types.  

Below is an example of a responsive image. Responsive images flex to fit the browser window that they're displaying in, which ensures that they properly size down for mobile devices.

If you're on a desktop or laptop device, you can test the responsiveness of the image shown below. Select the "Restore Down" button in the upper right corner of your browser, and then use either the left or right arrows to drag the browser to a narrow width. The image will flex to fit within the browser as you size it down.

wooded trail during summer

back to top