diff --git a/layouts/articles/list.html b/layouts/articles/list.html
index ed9058493b..8121158ab0 100644
--- a/layouts/articles/list.html
+++ b/layouts/articles/list.html
@@ -11,7 +11,7 @@
         <h4>All Articles</h4>
       </div>
       {{ range $idx, $p := $pages.ByDate.Reverse }}
-      <div class="column is-one-quarter-widescreen is-one-quarter-fullhd is-half-tablet is-full-mobile">
+      <div class="column is-3-fullhd is-4-widescreen is-6-tablet is-full-mobile">
         <a href="{{ $p.RelPermalink }}" class="single-article-card">
           <div class="thumbnail">
             {{ $original := $p.Resources.GetMatch "hero.jpg" }}