Convivial for GovCMS is an advanced starting point for GovCMS sites. View the site with CivicTheme

Adaptive height modifier

Apply an aspect ratio to a component, which will not get too tall in very wide screens. Content determines the aspect ratio in smaller width screens.

Last updated

Use Cases

  • Hero backgrounds

  • When a custom aspect ratio is needed

  • When the background image height should be limited in very wide screens

Example

Set height relatively to screen width – great for maintaining custom aspect ratio. Content vertical position can be set.