Use grid instead of Equalizer in dashboard polls

app/assets/stylesheets/dashboard/poll.scss

@@ -1,7 +1,8 @@
-.dashboard-poll .poll-card {
+.dashboard-poll {
   background: #e7f3fd;
   border-radius: rem-calc(4);
-  margin-bottom: $line-height;
+  display: flex;
+  flex-direction: column;
   min-height: $line-height * 9;
   padding: $line-height;
   position: relative;

app/assets/stylesheets/dashboard/polls.scss

@@ -0,0 +1,7 @@
+.dashboard-polls {
+  display: grid;
+  gap: $line-height;
+  grid-auto-rows: 1fr;
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+  margin-top: $line-height;
+}

app/components/dashboard/poll_component.html.erb

@@ -1,5 +1,4 @@
-<div id="<%= dom_id(poll) %>" class="dashboard-poll small-12 medium-6 large-4 column end">
-  <div class="poll-card" data-equalizer-watch="poll-cards">
+<div id="<%= dom_id(poll) %>" class="dashboard-poll">
   <h4><%= link_to poll.title, proposal_poll_path(proposal, poll) %></h4>
   <span class="small">
     <%= l(poll.starts_at.to_date) %> - <%= l(poll.ends_at.to_date) %>
@@ -32,5 +31,4 @@
                 method: :delete,
                 "data-confirm": t("dashboard.polls.poll.alert_notice"),
                 class: "delete" %>
-  </div>
 </div>

app/components/dashboard/polls_component.html.erb

@@ -1,4 +1,4 @@
-<div class="row expanded margin-top" data-equalizer="poll-cards" data-equalize-on="medium">
+<div class="dashboard-polls">
   <% polls.each do |poll| %>
     <%= render Dashboard::PollComponent.new(poll) %>
   <% end %>