Container Component

Zurn Elkay Standard Container

Elkay Standard Containers can be set to "simple" display and used with Flexbox styling. Elkay Standard Containers can also be used with the Adobe Responsive Grid. However, when a maximum width is specified for the container it is better to use the Adobe Core Contenter set to Responsive Grid.

Whenever you set a maximum width, please remember to use the "Float to New Line" layout property.

 

Flex Space Between

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Flex Space Around

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Flex Center

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Flex Start

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Flex End

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

Alt Text

Placeholder or Mockup Image

SVG Backgrounds

 

 

 

 

Waves Background Primary

 

 

 

 

 

 

 

Waves Background Secondary

 

 

 

 

 

 

 

Circular Background Primary

 

 

 

 

 

 

 

Circular Background Secondary

 

 

 

 

 

 

 

Triangular Background Primary

 

 

 

 

 

 

 

Triangular Background Secondary