diff --git a/assets/styles/components/_featured_book.scss b/assets/styles/components/_featured_book.scss index e1d2319..82875e1 100644 --- a/assets/styles/components/_featured_book.scss +++ b/assets/styles/components/_featured_book.scss @@ -1,17 +1,25 @@ +#latest-books { + .books { + align-items: flex-start; + } +} + .featured_book { display: flex; flex-direction: column; - justify-content: flex-start; + justify-content: space-between; width: 100%; - aspect-ratio: 3 / 4; + height: 100%; border: solid 1px var(--accent); margin: 0 0 2rem; &__cover { + aspect-ratio: 3 / 4; width: 100%; - height: 100%; background-repeat: no-repeat; background-size: cover; + background-position: center; + min-height: 17rem; } a { @@ -27,5 +35,6 @@ align-items: center; font-weight: 500; margin-top: 1rem; + min-height: 4rem; } } diff --git a/dist/styles/aldine.css b/dist/styles/aldine.css index fda3664..7342f9e 100644 --- a/dist/styles/aldine.css +++ b/dist/styles/aldine.css @@ -1939,6 +1939,12 @@ nav { } } +#latest-books .books { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + .featured_book { display: -webkit-box; display: -ms-flexbox; @@ -1947,19 +1953,21 @@ nav { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; width: 100%; - aspect-ratio: 3/4; + height: 100%; border: solid 1px var(--accent); margin: 0 0 2rem; } .featured_book__cover { + aspect-ratio: 3/4; width: 100%; - height: 100%; background-repeat: no-repeat; background-size: cover; + background-position: center; + min-height: 17rem; } .featured_book a { margin: 0; @@ -1981,6 +1989,7 @@ nav { align-items: center; font-weight: 500; margin-top: 1rem; + min-height: 4rem; } label {