Pagination

<nav aria-label="Blog entries">
    <ul class="flex m-0 p-0 list-none justify-center">
        <li class="mx-1"><a class="inline-block py-1 px-3 no-underline text-gray-600 opacity-50 cursor-default pointer-events-none" href="#">Previous</a></li>
        <li class="mx-1"><a class="inline-block py-1 px-3 no-underline text-gray-600" href="#">1</a></li>
        <li class="mx-1"><span class="inline-block py-1 px-3 no-underline text-white bg-primary-500 select-none" href="#">2 <span class="sr-only">(current)</span></span></li>
        <li class="mx-1"><a class="inline-block py-1 px-3 no-underline text-gray-600" href="#">3</a></li>
        <li class="mx-1"><a class="inline-block py-1 px-3 no-underline text-gray-600" href="#">Next</a></li>
    </ul>
</nav>