moving classes around so button isn't treated as a flex item

Author: Kayla Wilkins

themes/dlc/layouts/index.html

@@ -39,27 +39,27 @@ <h2 class="mt-0 font-normal text-center"><a href="https://www.linode.com/communi
     <h2 class="font-light text-d-dark-green">Events</h2>
     <div class="text-2xl my-3 font-light">Catch us on the road at conferences, meetups, and job fairs.</div>
   </div>
-  <div class="flex flex-wrap my-8 -mx-4 pb-8 items-center justify-center">
-    {{ range last 3 ((where .Pages "Section" "events").ByParam "start_date") }}
-    {{ $t := (time .Params.end_date) }}
-      {{ if  ge ($t.Unix) (now.Unix) }}
-        <article class="w-full md:w-1/3 px-4 mb-4 md:mb-8">
-          <div class="p-8 h-full bg-d-cell tile">
-            <header>
-              <h3 class="mt-0 mb-4"><a href="{{ .Params.event_url }}" class="text-black tile-link" target="_blank">{{ .Title | markdownify }}</a></h3>
-            </header>
-            <section>
-              <div><strong>{{ .Params.location }}</strong></div>
-              <div><strong>{{ dateFormat "Jan 2, 2006" .Params.start_date }}</strong></div>
-              <p>{{ .Content }}</p>
-            </section>
-          </div>
-        </article>
-      {{ end }}
-    {{ end }}
-    <div class="">
-      <a class="btn block mx-auto text-center" href="https://www.linode.com/events" target="_blank">View All Events</a>
+  <div class="my-8 -mx-4 pb-8">
+    <div class="flex flex-wrap items-center justify-center">
+        {{ range last 3 ((where .Pages "Section" "events").ByParam "start_date") }}
+        {{ $t := (time .Params.end_date) }}
+          {{ if  ge ($t.Unix) (now.Unix) }}
+            <article class="w-full md:w-1/3 px-4 mb-4 md:mb-8">
+              <div class="p-8 h-full bg-d-cell tile">
+                <header>
+                  <h3 class="mt-0 mb-4"><a href="{{ .Params.event_url }}" class="text-black tile-link" target="_blank">{{ .Title | markdownify }}</a></h3>
+                </header>
+                <section>
+                  <div><strong>{{ .Params.location }}</strong></div>
+                  <div><strong>{{ dateFormat "Jan 2, 2006" .Params.start_date }}</strong></div>
+                  <p>{{ .Content }}</p>
+                </section>
+              </div>
+            </article>
+          {{ end }}
+        {{ end }}
     </div>
+      <a class="btn block mx-auto text-center" href="https://www.linode.com/events" target="_blank">View All Events</a>
   </div>
 
   <div class="relative row-full pb-8 home-cubes">