media screen added

8 years ago · 829ad6f858
parent d857e55452
commit 829ad6f858
1 changed files with 7 additions and 6 deletions
--- a/03/index.html
+++ b/03/index.html
@ -22,10 +22,7 @@ body {
          background: linear-gradient(to left, rgba(51,51,153,0),rgba(51,51,153,1)); /*Standard*/
    
 }
-p {
-    font-size: 12px; 
-    font-size: 3.5vw;
-}
+
 .overlay {
    height: 0%;
    width: 100%;
@ -67,7 +64,11 @@ p {
    font-size: 60px;
 }

-@media screen and (max-height: 450px) {
+@media screen and (max-height: 450px), screen and (max-width: 500px) {
+  p {
+    font-size: 12px; 
+    font-size: 3.5vw;
+  }
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
@ -75,7 +76,7 @@ p {
    top: 15px;
    right: 35px;
  }
-}
+
 </style>
 <body>