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

        <div class="h-full grid grid-rows-[auto_1fr_auto] content-start whitespace-nowrap ">
            <div>
                <h2>< What's new? > </h2>
                <hr>
            </div>
            <div>
                <ul class="list-disc list-inside mr-7 marker:font-ibm marker:text-red-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>
            </div>
            <div>
                <hr>
                <div>
                    // For more, see the
                    <span class="text-blue-400 hover:text-blue-300 underline"><a href="{{route('changelog')}}">changelog</a></span>.
                </div>
            </div>

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