site

commit 72306381dac8baa62f5f8d1066a3d333601a0526
parent f057179ef2587c67e5fe224a3a35f336b46a4355
Author: Beau <cbeauhilton@gmail.com>
Date:   Fri, 22 Apr 2022 11:10:55 -0500

font size for small screens

Diffstat:
M
style.css
 | 
9
++++++---

1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/style.css b/style.css
@@ -3,7 +3,7 @@
 
 body {
 	max-width:40em;
-  width:60vw;
+  width:50vw;
 	margin:0 auto;
 	padding: 5px;
   font-size:calc(12px + 1vw);
@@ -68,16 +68,19 @@ h2,h3{
   line-height:calc(1.5em + 1vw)
 }
 
-@media screen and (max-width: 440px){
+@media screen and (max-width: 480px){
 	section#masthead h1{
 		font-size:3em;
     font-size:calc(3em + 3vw)
 	}
+  body {
+    width:90vw;
+  }
 	div.presentation_summary img{
 		display:block
 	}
 }
-@media screen and (min-width: 440px){
+@media screen and (min-width: 480px){
 	section#masthead h1{
 		font-size:3em;
     font-size:calc(3em + 3vw)