Fluid Feature Area (Responsive Image)

About This Page

This page demonstrates the use of the fluid feature area for adding visual interest.  Note the following:

  • The visual is a responsive image, with different widths of the same visual content in the image slots. The use of the responsive image keeps the feature image from being too thin in mobile viewports.
  • The page share icons and breadcrumbs are hidden.
  • For mobile viewports, the section navigation menu is also hidden.

Return to Best Practices for Feature Area.   View other examples:  standard feature area with jumbotron, standard feature area with responsive image.

  • List Item 1Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 2Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 3Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 1Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 2Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 3Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Page last reviewed: August 22, 2018
Content source: WCMS / Template Team