<div class="container-fluid">

  <div class="header">
    <div class="row">
      <div class="col">
        <h1> Let them know what you really think </h1>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <p>Custom handwritten notes delivered by post: $4.99</p>
      </div>
    </div>
  </div>
  
  <div class="row images-area">
    <% @templates.each do |template| %>
      <div class="col">
        <a
          href="/card_templates/<%= template.id %>/cards/new"
          id="template-<%= template.id %>-create"
        >
          <img
            id="template-<%= template.id %>-image"
            src="/assets/<%= template.image_file %>"
            class="img-fluid img-thumbnail"
            alt="<%= template.greeting %> template"
          >
        </a>
      </div>
    <% end %>
  </div>

</div>

<div class="container-fluid">

  <div class="header">
    <div class="row">
      <div class="col">
        <h1> Let them know what you really think </h1>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <p>Custom handwritten notes delivered by post: $4.99</p>
      </div>
    </div>
  </div>

  <div class="row">
    <% @templates.each do |template| %>
      <div class="col-xs-10 col-md-6">
        <a
          href="/card_templates/<%= template.id %>/cards/new"
          id="template-<%= template.id %>-create"
        >
          <img
            id="template-<%= template.id %>-image"
            src="/assets/<%= template.image_file %>"
            class="img-fluid img-thumbnail"
            alt="<%= template.greeting %> template"
          >
        </a>
      </div>
    <% end %>
  </div>

</div>

Update template index view to match new structure
Update template index view to match new structure
