<x-outer-card class="col-span-1">
    <x-inner-card class="!shadow-red-600">

        <div class="h-full grid space-y-2 content-center whitespace-nowrap ">
            <h2>< What's new? > </h2>

            <hr>

            <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400">

                <li>
                    <x-news-item class="text-white"
                                 newest="true"
                                 date="2023-06-08"
                                 link="#"
                                 link_name="link"
                                 title="Newest item style">
                    </x-news-item>
                </li>
                <li>
                    <x-news-item class="text-red-400"
                                 date="2023-06-07"
                                 link="#"
                                 link_name="blog"
                                 title="A Blog Entry">
                    </x-news-item>
                </li>
                <li>
                    <x-news-item class="text-red-500"
                                 date="2023-06-05"
                                 link="#"
                                 link_name="blog"
                                 title="Another Blog Entry">
                    </x-news-item>
                </li>
                <li>
                    <x-news-item class="text-red-600"
                                 date="2023-06-02"
                                 link="#"
                                 link_name="project"
                                 title="Project Update">
                    </x-news-item>
                </li>
                <li>
                    <x-news-item class="text-red-700"
                                 date="2023-06-02"
                                 link="#"
                                 link_name="link"
                                 title="Another link">
                    </x-news-item>
                </li>
            </ul>

            <hr class="border-zinc-500 drop-shadow-pixel-sm shadow-zinc-900">

            <div>
                // For more, see the
                <span class="text-blue-400 hover:text-blue-300 underline"><a href="">changelog</a></span>.
            </div>

        </div>
    </x-inner-card>
</x-outer-card>