{{ define "main" }}
<div class="container">
  <div class="columns is-centered is-gapless px-1 py-2">
    <div class="column is-8">
      <div class="page-titles pb-1">
        <h1 class="title">{{ .Title }}</h1>
        <h2 class="subtitle">{{ .Params.description }}</h2>
      </div>
      <nav class="breadcrumb" aria-label="breadcrumbs">
        {{ partial "breadcrumb" . }}
      </nav>
    </div>
  </div>
</div>
<div class="container">
  <div class="columns is-centered is-gapless">
    <div class="column is-8">
      <div class="tabs">
        <ul>
          {{ $curPage := . }}
          {{ with .Parent }}
          <li {{ if eq $curPage $ }} class="is-active" {{ end }}><a href="{{ .Permalink }}">Overview</a></li>
          {{ end }}
          {{ range .CurrentSection.Pages }}
          <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
          {{ end }}
        </ul>
      </div>
      <div class="content px-1">
        {{ .Content }}
      </div>
      <div class="tile is-ancestor">
        {{ range .Data.Pages.ByWeight }}
        {{ partial "tile" . }}
        {{ end }}
        {{ range $.Sections }}
        {{ partial "tile" . }}
        {{ end }}
      </div>
    </div>
  </div>
</div>
{{ end }}

{{ define "main" }}
<div class="container">
  <div class="columns is-centered is-gapless px-1 py-2">
    <div class="column is-8">
      <div class="page-titles pb-1">
        <h1 class="title">{{ .Title }}</h1>
        <h2 class="subtitle">{{ .Params.description }}</h2>
      </div>
      <nav class="breadcrumb" aria-label="breadcrumbs">
        {{ partial "breadcrumb" . }}
      </nav>
    </div>
  </div>
</div>
<div class="container">
  <div class="columns is-centered is-gapless">
    <div class="column is-8">
      <div class="tabs">
        <ul>
          {{ $curPage := . }}
          {{ with .Parent }}
          <li {{ if eq $curPage $ }} class="is-active" {{ end }}><a href="{{ .Permalink }}">Overview</a></li>
          {{ end }}
          {{ range .CurrentSection.Pages }}
          <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
          {{ end }}
        </ul>
      </div>
      <div class="content px-1">
        {{ .Content }}
      </div>
      <div class="tile is-ancestor px-1">
        {{ range .Data.Pages.ByWeight }}
        {{ partial "tile" . }}
        {{ end }}
        {{ range $.Sections }}
        {{ partial "tile" . }}
        {{ end }}
      </div>
    </div>
  </div>
</div>
{{ end }}

Add some padding to tile section
Add some padding to tile section

This is for mobile sections
