Message template

You can use this template to display an error message.

An error has occurred, please try again later

html

<div class="grid message-example">
  <div class="cs1 ce12 centered">
  <div class="message-graphic">
    <img src="/warning.svg" />
  </div>
  <p class="p-large">An error has occurred, please try again later</p>
  <div class="cs1 ce12 centered">
    <a href="#" class="link">Back to home</a>
  </div>
  </div>
</div>

css

.message-example {
  grid-auto-rows: 1fr auto;
  text-align: center;
  height: 100%
}

.message-graphic {
  width: 50%;
  margin: var(--space-xlarge) 0;
}