<li class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8">
  <time class="text-xxs opacity-75"
    >{{ mediapost.date | date: '%B %d, %Y' }}</time
  ><a
    href="{{ mediapost.link }}"
    class="text-xs lg:text-base font-semibold hover:underline"
    >{{ mediapost.title }}</a
  >
</li>
