diff --git a/content/events.erb b/content/events.erb
index 699ea84..456b1a1 100644
--- a/content/events.erb
+++ b/content/events.erb
@@ -8,30 +8,55 @@ order: 20
   <div class="content">
     <h1>Upcoming events</h1>
   </div>
+  <div class="container">
 
-  <% upcoming_events.each do |event| %>
+  <% upcoming_events.each_slice(2) do |slice| %>
     <!-- <hr class="divider"> -->
-    <% if (sub_events(event)).empty? %>
-      <%= render '/partials/_event_preview.*', event: event %>
-    <% else %>
-      <% sub_events(event).each do |sub_event| %>
-        <%= render '/partials/_event_preview.*', event: sub_event, main_event: event %>
+    <div class="columns">
+      <% slice.each do |event| %>
+        <% if (sub_events(event)).empty? %>
+          <!--<%= render '/partials/_event_preview.*', event: event %>-->
+          <div class="tile is-parent ">
+            <%= render '/partials/_tile.*',
+              article: event,
+              small_text: event[:time].strftime('%A %d %B %Y %H:%M'),
+              htmlclass:"highlighted" %>
+        </div>
+        <% else %>
+          <% sub_events(event).each do |sub_event| %>
+            <%= render '/partials/_event_preview.*', event: sub_event, main_event: event %>
+          <% end %>
+        <% end %>
       <% end %>
-    <% end %>
+    </div>
   <% end %>
 
-  <div class="content">
+</div>
+
+
+  <div class="content ">
     <h1>Past events</h1>
   </div>
 
-  <% past_events.each do |event| %>
+  <% past_events.each_slice(2) do |slice| %>
     <!-- <hr class="divider"> -->
-    <% if (sub_events(event)).empty? %>
-      <%= render '/partials/_event_preview.*', event: event %>
-    <% else %>
-      <% sub_events(event).each do |sub_event| %>
-        <%= render '/partials/_event_preview.*', event: sub_event, main_event: event %>
+    <div class="columns">
+      <% slice.each do |event| %>
+        <% if (sub_events(event)).empty? %>
+              <!--<%= render '/partials/_event_preview.*', event: event %>-->
+              <div class="tile is-parent ">
+                <%= render '/partials/_tile.*',
+                  article: event,
+                  small_text: event[:time].strftime('%A %d %B %Y %H:%M'),
+                  htmlclass:"highlighted" %>
+            </div>
+        <% else %>
+          <% sub_events(event).each do |sub_event| %>
+            <%= render '/partials/_event_preview.*', event: sub_event, main_event: event %>
+          <% end %>
+        <% end %>
       <% end %>
-    <% end %>
-  <% end %>
+    </div>
+  <%end%>
+
 </div>
diff --git a/layouts/partials/_tile.erb b/layouts/partials/_tile.erb
index 75ba5ae..f247753 100644
--- a/layouts/partials/_tile.erb
+++ b/layouts/partials/_tile.erb
@@ -1,5 +1,5 @@
 <a href="<%= @article.path %>" class="tile is-child box backgroundimg <%= @htmlclass %>"
-  style="background-image:url('<%= @article[:banner] %>');">
+  style="background-image:url('<%= @article[:banner] %>') ;">
   <div class="content" >
     <div class="columns">
       <div class="column">