{% extends "layout.html" %}

{% block pageTitle %}
  Question page
{% endblock %}

{% block beforeContent %}
  <a class="govuk-back-link" href="/url/of/previous/page">Back</a>
{% endblock %}

{% block content %}

  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">

      <h1 class="govuk-heading-l">Heading or question goes here
      </h1>

      <form class="form" action="/url/of/next/page" method="post">

        <p>[Insert question content here]</p>

        <p>[See <a href="https://design-system.service.gov.uk/patterns/question-pages/">the GOV.UK Design System</a> for examples]</p>

        <button class="govuk-button">Continue</button>

      </form>

    </div>
  </div>

{% endblock %}

{% extends "layout.html" %}

{% block pageTitle %}
  Question page
{% endblock %}

{% block beforeContent %}
  <a class="govuk-back-link" href="/url/of/previous/page">Back</a>
{% endblock %}

{% block content %}

  <div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">

      <h1 class="govuk-heading-xl">Heading or question goes here
      </h1>

      <form class="form" action="/url/of/next/page" method="post">

        <p>[Insert question content here]</p>

        <p>[See <a href="https://design-system.service.gov.uk/patterns/question-pages/">the GOV.UK Design System</a> for examples]</p>

        <button class="govuk-button">Continue</button>

      </form>

    </div>
  </div>

{% endblock %}

Update h1 to to use heading-xl
Update h1 to to use heading-xl
