From f0246e000be8fe1f8f3cc32d1a06381de75a9e92 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sat, 29 Jun 2024 19:36:22 -0700
Subject: [PATCH] fix: aspect ratio

---
 package-lock.json                 | 4 ++--
 package.json                      | 2 +-
 src/assets/styles/pages/books.css | 8 +++-----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9956d7d5..05eb7479 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.7.1",
+  "version": "19.7.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.7.1",
+      "version": "19.7.2",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
diff --git a/package.json b/package.json
index 321f6659..6f4164d9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.7.1",
+  "version": "19.7.2",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/pages/books.css b/src/assets/styles/pages/books.css
index 2202bf1b..0c9bdc41 100644
--- a/src/assets/styles/pages/books.css
+++ b/src/assets/styles/pages/books.css
@@ -9,6 +9,9 @@
   }
 
   & img {
+    max-width: calc(var(--sizing-3xl) * 4);
+    height: auto;
+    aspect-ratio: var(--aspect-ratio-vertical);
     transition-property: border-color;
     transition-timing-function: var(--transition-ease-in-out);
     transition-duration: 300ms;
@@ -24,11 +27,6 @@
     border-color: var(--accent-color-hover)
   }
 
-  & img {
-    max-width: calc(var(--sizing-3xl) * 4);
-    height: auto;
-  }
-
   & .book-meta {
     align-items: center;