1
1
Fork 0

Better category alignment, linked

This commit is contained in:
Ava Gaiety Wroten 2021-02-15 09:14:20 -06:00
parent ef35d77671
commit ddcc7773d5

View file

@ -3,10 +3,12 @@
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3x1 mx-auto mb-4"> <div class="max-w-3x1 mx-auto mb-4">
<div class="-ml-2 mt-8 flex flex-wrap items-baseline"> <div class="-ml-2 mt-8 flex flex-wrap items-baseline">
<h1 class="ml-8 mt-2 text-lg font-medium text-gray-900"> <h1 class="ml-8 mt-2 mb-2 sm:mb-0 text-lg font-medium text-gray-900">
{{ title }} {{ title }}
<span class="inline-block h-1 text-sm text-gray-500">
in <a href="/{{tags[0]}}" class="text-pink-700 hover:underline focus:text-white focus:bg-pink-700 focus:outline-link">{{ tags[0] | capitalize }}</a>
</span>
</h1> </h1>
<p class="ml-2 mt-1 text-sm text-gray-500 truncate">in {{ tags[0] | capitalize }}</p>
</div> </div>
<div class="-ml-2"> <div class="-ml-2">
<p class="ml-8 text-sm text-gray-500">{{description}}</p> <p class="ml-8 text-sm text-gray-500">{{description}}</p>