From 409d00b7c508cf8d9234d46fe31953c063072e82 Mon Sep 17 00:00:00 2001
From: Alexander Avery <alex.avery@beetbox.io>
Date: Mon, 1 Jul 2024 17:24:46 -0400
Subject: [PATCH] adding left-to-right layout and move image margin to separate
 class

---
 assets/sass/main.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index b53dc45..7d44222 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -89,10 +89,13 @@ img {
 img.featured {
     border-radius: 8px;
     max-height: 500px;
-    margin: 12px auto;
     display: block;
 }
 
+.margin {
+    margin: 12px auto;
+}
+
 .small-text {
 	font-size: 1rem;
 }
@@ -101,6 +104,14 @@ img.featured {
     font-size: 2rem;
 }
 
+.left-to-right {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    justify-content: space-evenly;
+    align-items: end;
+}
+
 section {
 	max-width: 1000px;
 	margin: 16px auto;