From 817cfc4c2e68edf67921b0e98806af63e042c171 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Fri, 13 Dec 2024 20:21:07 -0500
Subject: [PATCH] create and style gallery for photography.php

---
 life/photography.php |  4 ++--
 style/style.css      | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/life/photography.php b/life/photography.php
index 64861c5..2eee032 100644
--- a/life/photography.php
+++ b/life/photography.php
@@ -23,8 +23,8 @@
 					early favorite photograph subjects of mine were, my pet rabbit, sunsets, and flowers. my pet rabbit was always around, and he would also be one of the first subjects i tried with black and white film. the black and white film made his white fur so vibrant. sunsets were another favorite as i had a location available to me the was a hill overlooking a highway. this allowed for great portraits of the sunset as the day was coming to a close. my mom was an avid gardener, and always had new flowers growing. this allowed me to try macro photography, and get very close up beauttiful pictures of flowers
 				</p>
 
-				<h3>photo gallery</h3>
-				<figure>
+				<h3 class="photo-gallery-header">photo gallery</h3>
+				<figure class="photography-gallery">
 					<img src="../img/life/photography/flower.jpg" alt="a pink rose captured on a digital slr. the color is vibrant, the flower is the star of the portrait" height="300" width="500">
 
 					<img src="../img/life/photography/flower-two.jpg" alt="a beautiful white flower is the center of the photograph. it shows of beautiful parts of itself that are essential for polinators such as bees and butterflies" height="300" width="500">
diff --git a/style/style.css b/style/style.css
index e6ebcf3..35efabb 100644
--- a/style/style.css
+++ b/style/style.css
@@ -145,3 +145,15 @@ main section ul li {
 .picrew-gallery, .picrew-gallery-header {
 	text-align: center;
 }
+
+.photo-gallery-header {
+	text-align: center;
+}
+
+.photography-gallery {
+	margin-top: 1rem;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+	justify-content: center;
+}