member responsiveness and max width for body

app/views/layouts/application.haml

@@ -32,7 +32,7 @@
     - if false
       %script{:src => "https://cdn.tailwindcss.com"}
 
-  %body
+  %body.max-w-screen-2xl.xl:mx-auto
     = render "layouts/header"
     = render "layouts/messages"
     = yield

app/views/members/index.html.haml

@@ -1,7 +1,6 @@
 = paginate @members
-.flex.justify-center
 
-  .grid.grid-cols-4
+.grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
   - @members.each do |member|
     .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
       =link_to member do