Ugly columns

content/assets/stylesheets/includes/projects.scss

@@ -29,7 +29,6 @@
 }
 
 .project {
-  background-color: $background;
   margin-top: 30px;
 }
 

content/projects.erb

@@ -37,6 +37,8 @@ order: 30
 </div>
 
 
+<div class="columns is-multiline is-variable is-3">
   <% all_projects.each do |project| %>
     <%= render '/partials/_project.erb', project: project%>
   <% end %>
+</div>

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] %>