web/wp-content/themes/mozilla-builders/templates/components/articles/article-footer.twig

{% if post.authors is not empty %}
  <section class="grid grid-site centered-page mt-12 md:mt-24">
    <div class="col-span-full border-t border-content pt-6 md:col-span-16 md:col-start-center">
      <div class="grid grid-cols-6 gap-x-grid-site-gutter md:grid-cols-16">
        <h2 class="col-span-full lg:col-span-8 uppercase">About the Author{% if post.authors|length > 1 %}s{% endif %}</h2>

        <div class="flex flex-col gap-4 max-lg:mt-4 col-span-full lg:col-span-8">
          {% for author in post.authors %}
            <div class="flex flex-col gap-1">
              <h2 class="uppercase">
                <a class="relative z-20 hover-link font-bold" href="{{ author.link }}">
                  {{- author.name -}}
                </a>
              </h2>
              {{ author.about }}
            </div>
          {% endfor %}
        </div>
      </div>
    </div>
  </section>
{% endif %}