From 0265be4edb943f06cba29f50f06e304df4c2c0d7 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Fri, 13 Dec 2024 20:08:01 -0500
Subject: [PATCH] styled picrew image gallery

---
 life/picrew.php |  5 ++---
 style/style.css | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/life/picrew.php b/life/picrew.php
index 809b162..18910c7 100644
--- a/life/picrew.php
+++ b/life/picrew.php
@@ -18,9 +18,8 @@
 					picrew has been a wonderful help in figuring who i am. how i want to present when everything is right for me to do so. the below pictures all capture different parts of me, i see myself in all of them in some way. some picrew allowed me to add things that others didn't. for example, a top i really want to have one day, or the fact that i have freckles on my face. i love that picrew makes it acccessible to discover my identity. it is such a friendly tool. over time i've found that people have different image makeers that capture so many wonderful parts of myself, and humanity in general
 				</p>
 			
-				<h2>gallery</h2>
-			
-				<div>
+				<h2 class="picrew-gallery-header">gallery</h2>
+				<div class="picrew-gallery">
 					<figure>
 						<img src="../img/life/picrews/self-one.jpg" alt="an image of emma created in picrew. the image is fem presenting and represent characteristics that emma sees of herself when she can be fem presenting in her physical space" height="300" width="300">
 						<figcaption>
diff --git a/style/style.css b/style/style.css
index 9165032..e6ebcf3 100644
--- a/style/style.css
+++ b/style/style.css
@@ -129,3 +129,19 @@ main section ul li {
 	margin-bottom: 1rem;
 }
 
+.picrew-gallery {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 2rem;
+	margin: 1.75rem;
+}
+
+.picrew-gallery img {
+	border: 4px solid #17b794;
+	border-radius: 10%;
+}
+
+.picrew-gallery, .picrew-gallery-header {
+	text-align: center;
+}