Interactive Club Cards - Copy this Html, Bootstrap Component to your project

Make this looks good: <h1 class="text 2xl font bold mb 4"><%= I18n.t("clubs.index.clubs") %></h1> <div class="list group"> <% @clubs.each do |club| %> <%= link_to club_alias_path(club_alias: club.club_alias), class: "list group item list group item action d flex gap 3 py 3", "aria current" => "true" do %> <div class="d flex gap 2 w 100 justify content between"> <div> <h6 class="mb 0"> <%= club.name %> </h6> </div> <small class="opacity 50 text nowrap"> <%= club.province_name%> </small> </div> <% end %> <% end %> </div> <%= link_to I18n.t("clubs.index.create_your_club"), new_club_path %>