Tweak display of sections on home page

docs/index.md

@@ -15,15 +15,16 @@ eleventyComputed:
 <div class="govuk-grid-row">
 {% for item in collections.homepage %}
   <section class="govuk-grid-column-one-third-from-desktop govuk-!-margin-bottom-8">
-    <h2 class="govuk-heading-m govuk-!-font-size-27">{{ item.data.title | smart }}</h2>
+    <h2 class="govuk-heading-m govuk-!-margin-bottom-2">
+      <a class="govuk-link govuk-link--no-visited-state" href="{{ item.url | url }}">{{ item.data.title | smart }}</a>
+    </h2>
     <p class="govuk-body">{{ item.data.description | markdown("inline") }}</p>
-    <p class="govuk-body"><a class="govuk-link govuk-!-font-weight-bold" href="{{ item.url }}">Learn about {{ item.data.title | smart | lower }}</a></p>
   </section>
 {% endfor %}
   <section class="govuk-grid-column-full">
     <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--xl govuk-!-margin-top-0">
-    <h2 class="govuk-heading-m govuk-!-font-size-27">Contribute</h2>
+    <h2 class="govuk-heading-m">Contribute</h2>
     <p class="govuk-body">The project repository is public and we welcome contributions from anyone.</p>
-    <p class="govuk-body"><a class="govuk-link govuk-!-font-weight-bold" href="{{ pkg.repository.url | replace(".git", "") }}">View this project on GitHub</a></p>
+    <p class="govuk-body"><a class="govuk-link govuk-link--no-visited-state" href="{{ pkg.repository.url | replace(".git", "") }}">View this project on GitHub</a></p>
   </section>
 </div>