oliverdavies.uk/source/_includes/nav.html.twig

<div class="navbar border-bottom border-b border-grey-lighter mb-6">
    <header class="container mx-auto md:px-4">
        <div class="md:flex md:items-center">
            <div class="md:w-1/4">
                <a href="/" class="" title="Home">
                    {{ site.title }}
                </a>
            </div>

            <nav class="md:w-3/4 md:flex md:flex-wrap md:justify-end">
                {% for link in site.nav_links %}
                    <a href="{{ link.href }}" class="block pt-4 pb-3 md:ml-4 pl-4 md:pl-0 {{ page.url matches '#^' ~ (link.pattern ?: link.href) ~ '/?#' ? 'border-b-3 border-blue' }}">
                        {{- link.title -}}
                    </a>
                {% endfor %}
            </nav>
        </div>
    </header>
</div>