.flex.justify-center
  .grid.grid-cols-4
    - @events.each do |event|
      .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
        =link_to event do
          = image_for( event ,  class: "h-60 w-full object-cover")
          %h3.py-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
            = event.name
        %div.h-full
          .p-5.text-center
            .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
              = shorten markdown(event.text)