Replace equalizer to display flex on cards

app/assets/stylesheets/layout.scss

@@ -2788,11 +2788,18 @@ table {
     margin-top: rem-calc(-48);
   }
 
+  .cards-container {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
   .card {
     border: 0;
+    flex-grow: 0;
     overflow: visible;
 
     a {
+      height: 100%;
 
       img {
         transition-duration: 0.3s;

app/views/pages/_card.html.erb

@@ -1,5 +1,5 @@
 <div id="<%= dom_id(card) %>"
-     class="card small-12 medium-<%= card.columns %> column margin-bottom end" data-equalizer-watch>
+     class="card small-12 medium-<%= card.columns %> column margin-bottom end">
   <%= link_to card.link_url do %>
     <figure class="figure-card">
       <div class="gradient"></div>

app/views/pages/_cards.html.erb

@@ -1,5 +1,7 @@
-<div class="row" data-equalizer data-equalizer-on="medium">
+<div class="row">
+  <div class="cards-container">
     <% @cards.find_each do |card| %>
       <%= render "card", card: card %>
     <% end %>
+  </div>
 </div>

app/views/welcome/_card.html.erb

@@ -1,5 +1,5 @@
 <div id="<%= dom_id(card) %>"
-     class="card small-12 medium-<%= card.columns %> column margin-bottom end" data-equalizer-watch>
+     class="card small-12 medium-<%= card.columns %> column margin-bottom end">
   <%= link_to card.link_url do %>
     <figure class="figure-card">
       <div class="gradient"></div>

app/views/welcome/_cards.html.erb

@@ -1,7 +1,9 @@
 <h3 class="title"><%= t("welcome.cards.title") %></h3>
 
-<div class="row" data-equalizer data-equalizer-on="medium">
+<div class="row">
+  <div class="cards-container">
     <% @cards.each do |card| %>
       <%= render "card", card: card %>
     <% end %>
+  </div>
 </div>