Convivial for GovCMS is an advanced starting point for GovCMS sites. View the site with Australian Government Design System or Bootstrap 5.

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.

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.

Last updated