.flex.justify-around.mt-5.md:mt-12.lg:mt-20
  %h3.text-3xl.font-bold
    = link_to "See all events" , "/events" , class: :underline
.flex.justify-center
  .grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
    - one, two , three, four  = *Event.where("start_date > ? " , Date.today - 3.days).limit(4).order(:start_date)
    %div= render( "events/event_small" , event: one) if one
    .hidden.md:block= render( "events/event_small" , event: two) if two
    .hidden.lg:block= render( "events/event_small" , event: three) if three
    .hidden.lg:block= render( "events/event_small" , event: four) if four