Default
This is the title of the impact header
This is the description of the impact header, containing words that form a paragraph of text.
With image caption
With image caption
This is the description of the impact header, containing words that form a paragraph of text.
Image details
With excessive text
This is the title of the impact header when there is a lot of text involved
The layout needs to adapt if the text of this description is very long. The layout also needs to account for where users have set a default large text size in their browser. In both cases, this text would be taller than the image. If the layout tried to keep the image the same height as the text it would result in more of the sides of the image being hidden as the image gets taller. Instead, the image is given a maximum height and vertically aligned centrally within the space available.
Image details
Without image
No image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Legacy layout
Legacy layout
Some descriptive text.
Legacy layout with background
Legacy layout with background
Some descriptive text.
Govuk variant
GOVUK variant
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Image details
Notable death variant
Notable death variant
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.