<%= for list <- Enum.chunk_every(@members, 4) do %>
<div class="d-flex">
  <%= for %{name: name, image: image} <- list do %>
  <div class="pr-2 mb-2">
    <div class="avatar-large rounded">
      <img class="img-fluid" src="/images/<%= image %>" alt="<%= name %>">
    </div>
    <%= name %>
  </div>
  <% end %>
</div>
<% end %>


<%= for list <- Enum.chunk_every(@members, 4) do %>
<div class="d-md-flex">
  <%= for %{name: name, image: image} <- list do %>
  <div class="pr-2 mb-2">
    <div class="avatar-large rounded">
      <img class="img-fluid" src="/images/<%= image %>" alt="<%= name %>">
    </div>
    <%= name %>
  </div>
  <% end %>
</div>
<% end %>


Use d-md-flex on volunteer gallery
Use d-md-flex on volunteer gallery

   - the volunteer gallery was not collapsing on smaller device screens
   per using d-flex class
