From 00df48be01fe11bb3b6645b766ef6bed8dbae925 Mon Sep 17 00:00:00 2001
From: arzola <oscararzola@gmail.com>
Date: Wed, 9 Nov 2022 05:27:42 -0500
Subject: [PATCH] fix: aspect ratio
---
assets/styles/components/_featured_book.scss | 5 ++---
dist/styles/aldine.css | 5 ++---
2 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/assets/styles/components/_featured_book.scss b/assets/styles/components/_featured_book.scss
index 4b82fbf..649d99b 100644
--- a/assets/styles/components/_featured_book.scss
+++ b/assets/styles/components/_featured_book.scss
@@ -3,14 +3,13 @@
flex-direction: column;
justify-content: flex-start;
width: 100%;
- max-width: 18rem;
- height: 25rem;
+ aspect-ratio: 3 / 4;
border: solid 1px var(--accent);
margin: 0 0 2rem;
&__cover {
width: 100%;
- height: 80%;
+ height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
diff --git a/dist/styles/aldine.css b/dist/styles/aldine.css
index cae2b0b..b2ce650 100644
--- a/dist/styles/aldine.css
+++ b/dist/styles/aldine.css
@@ -1949,14 +1949,13 @@ nav {
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
- max-width: 18rem;
- height: 25rem;
+ aspect-ratio: 3/4;
border: solid 1px var(--accent);
margin: 0 0 2rem;
}
.featured_book__cover {
width: 100%;
- height: 80%;
+ height: 100%;
background-repeat: no-repeat;
background-size: cover;
}