%section.overflow-hidden.grid.grid-cols-1.m-5.md:m-12.lg:m-20.md:grid-cols-2
  %div
    = image_for( event , "h-56 w-full object-cover sm:h-full")
  .p-8.md:p-12.lg:px-16.lg:py-24
    .mx-auto.max-w-xl.text-center
      %h2.text-2xl.font-bold.md:text-4xl
        = event.name
      %h4.text-xl.mt-10.md:text-2xl
        = event.start_date
      .mt-8{ prose_classes }
        = markdown(event.text)
      - unless event.info.blank?
        = link_to event.info , target: :blank do
          .mt-5.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400.bg-cyan-100.hover:bg-blue-300
            More info