From 602d31d8cec917376414f5bf0e4939f6197583c6 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Tue, 11 Apr 2023 10:17:06 -0700
Subject: [PATCH] Cleanup css on images.

---
 src/routes/about/+page.svelte |  5 +++--
 src/routes/uses/+page.svelte  | 24 ------------------------
 src/styles/global.pcss        |  3 ++-
 3 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 5e0ec2a..d55c19b 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -265,10 +265,10 @@
 					justify-content: center;
 				"
 			>
-				<figure>
+				
 					<Img class="portfolio-image better-blur" src={space_needle} alt="Clip art of the Seattle space needle" />
 					<p class="center">Seattle Space Needle</p>
-				</figure>
+				
 			</div>
 		</div>
 		<div>
@@ -369,5 +369,6 @@
 		grid-template-columns: repeat(2, minmax(200px, 0.3fr));
 		align-items: center;
 		justify-content: center;
+		gap: 1rem;
 	}
 </style>
\ No newline at end of file
diff --git a/src/routes/uses/+page.svelte b/src/routes/uses/+page.svelte
index 4af695d..45c7bb8 100644
--- a/src/routes/uses/+page.svelte
+++ b/src/routes/uses/+page.svelte
@@ -539,14 +539,6 @@
 </div>
 
 <style lang="postcss">
-	figure {
-		display: grid;
-		grid-template-columns: minmax(500px, 0.65fr);
-		border-radius: 3px;
-		place-content: center;
-		margin-bottom: 2rem;
-	}
-
 	.uses {
 		li {
 			list-style: none;
@@ -566,18 +558,6 @@
 		}
 	}
 
-	.uses-image {
-		display: grid;
-		grid-template-columns: minmax(620px, 0.65fr);
-		place-content: center;
-
-		@media (max-width: 800px) {
-			grid-template-columns: minmax(480px, 0.65fr);
-		}
-		/* margin-left: auto; */
-		/* margin-right: auto; */
-	}
-
  .uses-block-styles {
 		margin: 2.5rem 0;
 		@media (max-width: 800px) {
@@ -614,8 +594,4 @@
 			}
 		}
 	}
-
-	:global(img) {
-		border-radius: 3px;
-	}
 </style>
\ No newline at end of file
diff --git a/src/styles/global.pcss b/src/styles/global.pcss
index 7966eb8..0b0adf4 100644
--- a/src/styles/global.pcss
+++ b/src/styles/global.pcss
@@ -237,10 +237,11 @@ nav {
 
 img {
 	max-width: 100%;
+	border-radius: var(--borderRadius);
 }
 
 figure {
-	margin-inline: 2rem;
+	/* margin-inline: 2rem; */
 }
 
 .emoji:hover {