From e5cc2309f4c83bb48a58e46b5e9e06ca1fd12328 Mon Sep 17 00:00:00 2001 From: zepp Date: Thu, 2 Jan 2025 06:39:28 -0500 Subject: [PATCH] style loveletter.php --- loveletter.php | 26 ++++++++++++++++---------- style/style.css | 21 ++++++++++++++++++++- 2 files changed, 36 insertions(+), 11 deletions(-) diff --git a/loveletter.php b/loveletter.php index 2a4b6d0..c8b7428 100644 --- a/loveletter.php +++ b/loveletter.php @@ -10,22 +10,28 @@
-
-

Oh how you've grown through the years...

-
+
+

Oh how you've grown through the years...

As a kitten, home for the very first time. You were full of curiosity and energy. Every moment, taking in new information. The look of learning never leaving your eyes. Though you caused much mischeif, there were loving moments in those early years. Small showcases of the love that was to be ever present as you grew.

-
-
- A young kitten era photo of Baxter. Laying his head against the arm of the couch. - A young kitten era photo of Baxter. Flopped upside down on the couch and semi curled up. - A young kitten era photo of Baxter. Partialy curled up sleeping on the couch. - A young adulthood era photo of Baxter. In a classic cat position known as a cat loaf. -
+
+
+ A young kitten era photo of Baxter. Laying his head against the arm of the couch. +
+
+ A young adulthood era photo of Baxter. In a classic cat position known as a cat loaf. +
+
+ A young kitten era photo of Baxter. Flopped upside down on the couch and semi curled up. +
+
+ A young kitten era photo of Baxter. Partialy curled up sleeping on the couch. +
+

Stuck in the middle with you...

diff --git a/style/style.css b/style/style.css index 0dd148e..2732bd6 100644 --- a/style/style.css +++ b/style/style.css @@ -94,12 +94,31 @@ main { text-align: center; } -.favorite-baxter-photos img { +.favorite-baxter-photos img, .growing-up img { max-width: 100%; max-height: 100%; object-fit: fill; } +.growing-up h3, .growing-up p { + padding: 1rem; + font-size: 1.25rem; +} + +.growing-up div { + padding-top: 2rem; + display: grid; + grid-template-rows: 20rem 20rem ; + grid-template-columns: 20rem 20rem; + justify-content: space-evenly; + align-items: baseline; +} + +.growing-up figure { + height: 17.5rem; + width: auto; +} + header { width: 100%; height: auto;