<!-- Card -->
<div class="flex flex-col gap-6 bg-base-200 rounded-box p-6 max-w-xl">
    <!-- Header -->
    <div class="flex justify-between items-center">
        <span class="text-sm">Jan 10, 2024</span>

        <a class="btn btn-sm btn-primary">Design</a>
    </div>

    <!-- Body -->
    <div class="flex flex-col gap-2">
        <a class="text-xl font-bold link">
            Accessibility tools for designers and developers
        </a>

        <span>
            Lorem ipsum dolor sit, amet consectetu