From af5f358d6245e3023997e8e38e89597d98da7c25 Mon Sep 17 00:00:00 2001
From: Alexander Avery <alex.avery@beetbox.io>
Date: Wed, 14 Feb 2024 12:20:34 -0500
Subject: [PATCH] use more native tags in main.scss

---
 assets/sass/main.scss | 22 +++++++++-------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index c978eed..2c77039 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -63,7 +63,7 @@ a {
 	}
 }
 
-.content-wrapper, .article-meta {
+main {
 	max-width: 820px;
 	margin: auto;
 	@include screen-max(840px){padding: 0px 16px;}
@@ -87,19 +87,20 @@ a, p, li, h2 {
 	font-size: 1.25rem;
 }
 
-main > h2 {
-	font-size: 1.3rem;
-}
-
 img {
 	 object-fit: cover;
 }
 
+img.featured {
+    border-radius: 8px;
+    max-height: 500px;
+}
+
 .small-text {
 	font-size: 1rem;
 }
 
-.article-meta {
+.article-header {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -107,13 +108,8 @@ img {
 	flex-wrap: wrap;
 	h1 {
 		font-size: 2rem;
-	}
-	img {
-		border-radius: 8px;
-	}
-	img.large-image {
-		width: 100%;
-		max-height: 500px;
+    	text-align: center;
+    	flex-basis: 100%;
 	}
 }