From 1f2a33bfab62f429d48bdb08a066b58aa668a27f Mon Sep 17 00:00:00 2001 From: 99TheDark <99TheDark@gmail.com> Date: Wed, 20 Dec 2023 10:39:34 -0800 Subject: [PATCH] Fixed navbar smaller icon going offscreen & fixed all sizes for the books page --- books/style.css | 39 ++++++++++++++++++++++++++++++++++++++- global/generic/nav.css | 2 +- 2 files changed, 39 insertions(+), 2 deletions(-) diff --git a/books/style.css b/books/style.css index 715162b..7c42d96 100755 --- a/books/style.css +++ b/books/style.css @@ -25,10 +25,47 @@ #description { width: 50%; font-family: "Nunito"; - font-size: 1.1em; + font-size: 1.2em; height: fit-content; } #cover { width: 30em; +} + +@media (max-width: 900px) { + #content { + justify-content: space-between; + } + + #description { + margin-left: 50px; + } + + #cover { + width: 20em; + margin-right: 50px; + } +} + +@media (max-width: 700px) { + #content { + flex-direction: column; + } + + #description { + margin-left: 0px; + width: 80%; + } + + #cover { + width: 30em; + margin-right: 0px; + } +} + +@media (max-width: 450px) { + #title { + font-size: 22px; + } } \ No newline at end of file diff --git a/global/generic/nav.css b/global/generic/nav.css index d04ff32..105305f 100755 --- a/global/generic/nav.css +++ b/global/generic/nav.css @@ -103,7 +103,7 @@ img { } } -@media (max-width: 450px) { +@media (max-width: 525px) { .page { padding: 20px 8px; }