Bootstrap 5: Replace card-deck with a row-cols-* based grid

This commit is contained in:
Andy Allan 2022-06-29 17:31:59 +01:00
parent 934d81aa55
commit e2f17abd3d

View file

@ -7,10 +7,10 @@
<% sites = %w[beginners_guide help mailing_lists forums irc switch2osm welcomemat wiki] %>
<% sites.prepend("welcome") if current_user %>
<% sites.in_groups_of(3, false) do |group| %>
<div class="card-deck mb-4">
<% group.each do |site| %>
<div class='<%= site %> help-item card'>
<div class="row row-cols-sm-3 g-4 mb-3">
<% sites.each do |site| %>
<div class="col">
<div class='<%= site %> help-item card h-100'>
<div class='card-body'>
<h6 class='card-title'>
<a href='<%= t ".#{site}.url" %>'>
@ -27,6 +27,6 @@
</small>
</div>
</div>
<% end %>
</div>
<% end %>
</div>
<% end %>
</div>