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

4 January 2022

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.