adding all of the tailwindcss changes to work for us woohoo!

assets/css/compiled/main.css

@@ -1449,6 +1449,10 @@ select {
   margin: 0.25rem;
 }
 
+.m-10 {
+  margin: 2.5rem;
+}
+
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -1623,6 +1627,10 @@ select {
   display: table;
 }
 
+.grid {
+  display: grid;
+}
+
 .hidden {
   display: none;
 }
@@ -1778,9 +1786,35 @@ select {
           appearance: none;
 }
 
-.columns-4 {
+.columns-1 {
-  -moz-columns: 4;
+  -moz-columns: 1;
-       columns: 4;
+       columns: 1;
+}
+
+.auto-cols-auto {
+  grid-auto-columns: auto;
+}
+
+.auto-cols-max {
+  grid-auto-columns: -webkit-max-content;
+  grid-auto-columns: max-content;
+}
+
+.auto-cols-min {
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+}
+
+.grid-flow-col {
+  grid-auto-flow: column;
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
 .flex-row {
@@ -1807,6 +1841,10 @@ select {
   justify-content: space-between;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .space-y-10 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2034,6 +2072,14 @@ select {
   padding: 0.25rem;
 }
 
+.p-5 {
+  padding: 1.25rem;
+}
+
+.p-2 {
+  padding: 0.5rem;
+}
+
 .px-0 {
   padding-left: 0px;
   padding-right: 0px;
@@ -3522,9 +3568,13 @@ body:has(#menu-controller:checked) {
     max-width: 65ch;
   }
 
-  .sm\:columns-1 {
+  .sm\:columns-2 {
-    -moz-columns: 1;
+    -moz-columns: 2;
-         columns: 1;
+         columns: 2;
+  }
+
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
   }
 
   .sm\:flex-row {
@@ -3626,9 +3676,13 @@ body:has(#menu-controller:checked) {
     width: auto;
   }
 
-  .md\:columns-2 {
+  .md\:columns-4 {
-    -moz-columns: 2;
+    -moz-columns: 4;
-         columns: 2;
+         columns: 4;
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   .md\:justify-start {
@@ -3732,10 +3786,19 @@ body:has(#menu-controller:checked) {
     max-width: none;
   }
 
+  .lg\:columns-4 {
+    -moz-columns: 4;
+         columns: 4;
+  }
+
   .lg\:grid-flow-col-dense {
     grid-auto-flow: column dense;
   }
 
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

content/_index.md

@@ -15,6 +15,4 @@ Our vision is to change the world from the heart of America by providing discipl
 ## Our Mission
 We do that by, connecting teens with the truth of Jesus Christ…teaching and equipping them to live out the Great Commission.
 
-{{< disciplemaking >}}
-
 {{< disciplemaking-tw >}}

layouts/shortcodes/disciplemaking-tw.html

@@ -1,8 +1,8 @@
 <h2>Disciplemaking</h2>
 TFC’s core value is to follow the example of Jesus whose strategy of disciplemaking allowed Him to minister to all levels of spiritual interest at all times.
 
-<div class="columns-4 md:columns-2 sm:columns-1">
+<div class="w-full columns-1 gap-4 lg:columns-4 md:columns-4 sm:columns-2">
-  <div class="w-full">
+  <div class="p-2">
     <h2>Lost and Seeking</h2>
     <ul>
       <li>The World</li>
@@ -10,7 +10,7 @@ TFC’s core value is to follow the example of Jesus whose strategy of disciplem
       <li>Relationship Building</li>
     </ul>
   </div>
-  <div class="w-full">
+  <div class="p-2">
     <h2>Come and Grow</h2>
     <ul>
       <li>Growing Believers</li>
@@ -18,7 +18,7 @@ TFC’s core value is to follow the example of Jesus whose strategy of disciplem
       <li>Jesus Started Here</li>
     </ul>
   </div>
-  <div class="w-full">
+  <div class="p-2">
     <h2>Come and Follow</h2>
     <ul>
       <li>Workers</li>
@@ -26,7 +26,7 @@ TFC’s core value is to follow the example of Jesus whose strategy of disciplem
       <li>Jesus Invited Some</li>
     </ul>
   </div>
-  <div class="w-full">
+  <div class="p-2">
     <h2>Come and Go</h2>
     <ul>
       <li>Leadership</li>