{{ define "title"}} {{ .Title}} {{end}}
{{ define "header"}} {{ partial "header" .}} {{end}}
{{ define "main"}}
{{$parentDir := .File.Dir}}
{{$this := .Page}}
{{ partial "sidebar" . }}
<!-- {{ $pages := where .Site.RegularPages ".File.Dir" $parentDir }}
{{ range $pages.GroupByParam "Topic"}} {{end}}-->

<div id="main">
  <div id="hero">
    <h1>{{.Title}}</h1>
  </div>
  <div id="components">
    <div class="row gutters">
      <!-- only show pages where dir is the same as the _index.md -->


      {{ $pages := where .Site.RegularPages ".File.Dir" $parentDir }}
      {{ range $pages.GroupByParam "Topic"}}

      <div class="col col-4 item">
        <a style="text-decoration:none">
          <h4>{{ .Key }}<h4>
        </a>
        {{range .Pages}}
        <a href="{{ .Permalink }}" style="text-decoration:none; font-size:17px; color:#3794de; ">{{ .Title }}</a><br>



        {{ end }}
      </div>
      {{end}}



    </div>
  </div>
</div>
{{ end }}


{{ define "footer"}} {{ partial "footer" .}} {{end}}

{{ define "title"}} {{ .Title}} {{end}}
{{ define "header"}} {{ partial "header" .}} {{end}}
{{ define "main"}}
{{$parentDir := .File.Dir}}
{{$this := .Page}}
{{ partial "sidebar" . }}
<!-- {{ $pages := where .Site.RegularPages ".File.Dir" $parentDir }}
{{ range $pages.GroupByParam "Topic"}} {{end}}-->
<div id="content" class="row align-right">
<div class="col col-2"></div>
<div id="main" class="col col-9">
  <div id="hero">
    <h1>{{.Title}}</h1>
  </div>
  <div id="components">
    <div class="row gutters">
      <!-- only show pages where dir is the same as the _index.md -->


      {{ $pages := where .Site.RegularPages ".File.Dir" $parentDir }}
      {{ range $pages.GroupByParam "Topic"}}

      <div class="col col-4 item">
        <a style="text-decoration:none">
          <h4>{{ .Key }}<h4>
        </a>
        {{range .Pages}}
        <a href="{{ .Permalink }}" style="text-decoration:none; font-size:17px; color:#3794de; ">{{ .Title }}</a><br>



        {{ end }}
      </div>
      {{end}}



    </div>
  </div>
</div>
</div>
{{ end }}


{{ define "footer"}} {{ partial "footer" .}} {{end}}

Fix alignment of example list
Fix alignment of example list

Previously, the sidebar was intersecting with the content