diff options
author | Adam T. Carpenter <atc@53hor.net> | 2024-06-09 18:19:23 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2024-06-09 18:19:23 -0400 |
commit | 4ae354f108acaef8c78b778124d4638904bd7c69 (patch) | |
tree | 7e4efebffa8defd9966276196bd829d4b94a3dd9 /brochure/styles.css | |
parent | 67d362b9976d99975f10da46ee900122576e2b3e (diff) | |
download | carpentertutoring-4ae354f108acaef8c78b778124d4638904bd7c69.tar.xz carpentertutoring-4ae354f108acaef8c78b778124d4638904bd7c69.zip |
fix: mobile brochure viewing
Diffstat (limited to 'brochure/styles.css')
-rw-r--r-- | brochure/styles.css | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/brochure/styles.css b/brochure/styles.css index 351bc00..2abb118 100644 --- a/brochure/styles.css +++ b/brochure/styles.css @@ -12,10 +12,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI .paper { display: grid; - width: 21.25em; + width: 8.25rem; - grid-template-columns: 21.25em; - grid-template-rows: 50em; /* .425 aspect */ + grid-template-columns: 8.25rem; + grid-template-rows: 19.41rem; /* .425 aspect */ margin: 2rem auto; @@ -40,9 +40,6 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI } .paper .page .side { - width: inherit; - height: inherit; - position: absolute; top: 0; left: 0; @@ -86,3 +83,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI transform-origin: center right; } +@media only screen and (min-width: 1500px) { + .paper { + width: 21.25em; + + grid-template-columns: 21.25em; + grid-template-rows: 50em; /* .425 aspect */ + } +} |