Attempt to fix summary grid.

This commit is contained in:
Joshua Bemenderfer
2022-01-01 21:56:45 -05:00
parent b3289258e3
commit 95e5e920c1

View File

@@ -36,13 +36,14 @@ title: Home / About / Sources
# Summary of Current Overall Trends
</div>
<p class="text-white prose prose-invert lg:prose-base mb-4">
For more details, see reporting pages for:
<div class="grid gap-2 grid-cols-2 sm:grid-cols-4 -mt-2">
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-2 px-3 block w-full">Testing</RouterLink>
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-2 px-3 block w-full">Cases</RouterLink>
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-2 px-3 block w-full">Hospitalizations</RouterLink>
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-2 px-3 block w-full">Deaths</RouterLink>
<p class="text-white lg:prose-base mb-4">
<span class="text-white">For more details, see reporting pages for: </span>
<div class="grid gap-2 grid-cols-2 sm:grid-cols-4 w-auto mb-4">
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-1 px-2">Testing</RouterLink>
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-1 px-2">Cases</RouterLink>
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-1 px-2">Hospitalizations</RouterLink>
<RouterLink to={{path: '/overall/testing'}} class="text-center font-normal no-underline text-white bg-violet-700 hover:bg-violet-500 rounded-lg p-1 px-2">Deaths</RouterLink>
</div>
</p>