diff --git a/css/default.css b/css/default.css
index 5359a18..d109c3f 100644
--- a/css/default.css
+++ b/css/default.css
@@ -82,3 +82,10 @@ table td, table th {
 table > thead > tr:last-child > * {
     border-bottom: 2px solid black
 }
+
+@media (min-width: 768px) {
+  .row.equal {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
diff --git a/templates/post-grid.html b/templates/post-grid.html
index 753b40a..96f50cd 100644
--- a/templates/post-grid.html
+++ b/templates/post-grid.html
@@ -1,5 +1,5 @@
 <!-- Begin Hakyll template, post-grid.html -->
-<div class="row">
+<div class="row equal">
   $for(works)$
   <div class="col-sm-6">
     <h3>$title$</h3>