submit-social-housing-lettings-and-sales-data/app/views/home/index.html.erb

<div class="govuk-grid-row">
  <div class="govuk-width-container">
      <div class="govuk-grid-row govuk-!-margin-bottom-7">
        <span class="govuk-body-l"><%= "Welcome back, #{@current_user.name}" %></span>
        <h1 class="govuk-heading-l"><%= heading_for_user_role(@current_user) %></h1>
      </div>
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-three-quarters-from-desktop govuk-!-padding-left-0 govuk-!-padding-right-0">
          <% if @current_user.support? || (@current_user.data_coordinator? && @current_user.sales_logs.present?) %>
            <div class="govuk-grid-column-one-third govuk-!-padding-left-0">
              <span><%= render partial: "home/data_box", locals: { type: "lettings" } %></span>
            </div>
            <div class="govuk-grid-column-one-third govuk-!-padding-left-0">
              <span><%= render partial: "home/data_box", locals: { type: "sales" } %></span>
            </div>
            <div class="govuk-grid-column-one-third govuk-!-padding-left-0">
              <span><%= render partial: "home/data_box", locals: { type: "schemes" } %></span>
            </div>
          <% else %>
            <div class="govuk-grid-column-one-half govuk-!-padding-left-0">
              <span><%= render partial: "home/data_box", locals: { type: "lettings" } %></span>
            </div>
            <% if @current_user.data_coordinator? %>
              <div class="govuk-grid-column-one-half govuk-!-padding-left-0">
                <span><%= render partial: "home/data_box", locals: { type: "schemes" } %></span>
              </div>
            <% elsif @current_user.sales_logs.present? %>
              <div class="govuk-grid-column-one-half govuk-!-padding-left-0">
                <span><%= render partial: "home/data_box", locals: { type: "sales" } %></span>
              </div>
            <% else %>
              <div class="govuk-grid-column-one-half govuk-!-padding-left-0">
                <span><%= render partial: "home/data_box", locals: { type: "misc" } %></span>
              </div>
            <% end %>
          <% end %>
        </div>
      </div>
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-three-quarters-from-desktop govuk-!-padding-left-0">
          <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m">
        </div>
      </div>
    </div>
  </div>
</div>