2 files changed, 25 insertions, 6 deletions
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>
+