Start at smaller viewport size

app/assets/stylesheets/card-columns.css

@@ -45,7 +45,7 @@
       min-block-size: 20lh;
     }
 
-    @media (max-width: 639px) {
+    @media (max-width: 519px) {
       --bubble-size: 3rem;
 
       display: none;
@@ -744,9 +744,9 @@
     --progress-max-cards: 20;
     --progress-max-width: 100%;
 
-    padding-inline: 1ch;
+    padding-inline: 3vw;
 
-    @media (min-width: 640px) {
+    @media (min-width: 520px) {
       display: none;
     }
 

app/views/boards/show/_mobile_columns.html.erb

@@ -1,5 +1,4 @@
 <section class="mobile-card-columns">
-
   <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
       <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
@@ -37,5 +36,4 @@
       </h2>
     </div>
   <% end %>
-
 </section>