From 702743222fbc9b0417d7ee6663986a19f4c09bb9 Mon Sep 17 00:00:00 2001
From: Brandon <brandon@btkoch.xyz>
Date: Sat, 26 Oct 2024 20:14:35 -0400
Subject: replace deprecated columns shortcode with current one

---
 layouts/shortcodes/column.html  |  3 +++
 layouts/shortcodes/columns.html | 28 ++++++++++++++++++++++------
 2 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 layouts/shortcodes/column.html

diff --git a/layouts/shortcodes/column.html b/layouts/shortcodes/column.html
new file mode 100644
index 0000000..07e8c84
--- /dev/null
+++ b/layouts/shortcodes/column.html
@@ -0,0 +1,3 @@
+<div class="column">
+    {{ .Inner | safeHTML }}
+</div>
diff --git a/layouts/shortcodes/columns.html b/layouts/shortcodes/columns.html
index 536e87e..97e2eaa 100644
--- a/layouts/shortcodes/columns.html
+++ b/layouts/shortcodes/columns.html
@@ -1,7 +1,23 @@
-<div class="md-columns">
-{{ range split .Inner "<--->" }}
-{{ printf "<div class=\"markdown-inner\">" | htmlUnescape | safeHTML }}
-{{ . | safeHTML }}
-{{ printf "</div>" | htmlUnescape | safeHTML }}
-{{ end }}
+<style>
+    .columns {
+        display: flex;
+        justify-content: space-between;
+        margin: 20px 0;
+    }
+    .column {
+        flex: 1;
+        padding: 10px;
+        box-sizing: border-box;
+        margin: 0 10px; /* Adjust spacing between columns */
+    }
+    @media (max-width: 768px) {
+        .columns {
+            flex-direction: column;
+        }
+    }
+</style>
+
+<div class="columns">
+    {{ .Inner | safeHTML }}
 </div>
+
-- 
cgit v1.2.3