diff --git a/content/assets/stylesheets/includes/projects.scss b/content/assets/stylesheets/includes/projects.scss
index 2dce0e1..0be8df0 100644
--- a/content/assets/stylesheets/includes/projects.scss
+++ b/content/assets/stylesheets/includes/projects.scss
@@ -29,7 +29,6 @@
 }
 
 .project {
-  background-color: $background;
   margin-top: 30px;
 }
 
diff --git a/content/projects.erb b/content/projects.erb
index 99d27e1..6dc1353 100644
--- a/content/projects.erb
+++ b/content/projects.erb
@@ -37,6 +37,8 @@ order: 30
 </div>
 
 
-<% all_projects.each do |project| %>
-  <%= render '/partials/_project.erb', project: project%>
-<% end %>
+<div class="columns is-multiline is-variable is-3">
+  <% all_projects.each do |project| %>
+    <%= render '/partials/_project.erb', project: project%>
+  <% end %>
+</div>
diff --git a/layouts/partials/_project.erb b/layouts/partials/_project.erb
index 7d4392a..131772a 100644
--- a/layouts/partials/_project.erb
+++ b/layouts/partials/_project.erb
@@ -1,4 +1,4 @@
-<div id="<%= project.identifier.without_ext.split('/')[-1] %>" class="container project content">
+<div id="<%= project.identifier.without_ext.split('/')[-1] %>" class="container project content column is-half is-primary">
   <article class="columns is-mobile">
     <div class="column is-gapless is-narrow logo-wrapper">
       <% if project[:logo_image] %>