Fixed tablet

guillelopezgines · Feb 9, 2021 · 2e252eb · 2e252eb
1 parent 6e6e0d2
commit 2e252eb
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/application.css b/application.css
@@ -282,21 +282,6 @@ p a {
   h2 {
     font-size: 26px;
   }
-  h2.section {
-    font-size: 20px;
-    text-align: left;
-  }
-  p {
-    font-size: 18px;
-    line-height: 32px;
-    text-align: left;
-  }
-  p.big {
-    font-size: 22px;
-  }
-  .button {
-    display: block;
-  }
   .button a{
     font-size: 20px;
     padding: 10px;
@@ -313,4 +298,22 @@ p a {
     height: 50px;
     margin: 5px 10px;
   }
+}
+
+@media (max-width: 420px){
+  h2.section {
+    font-size: 20px;
+    text-align: left;
+  }
+  p {
+    font-size: 18px;
+    line-height: 32px;
+    text-align: left;
+  }
+  p.big {
+    font-size: 22px;
+  }
+  .button {
+    display: block;
+  }
 }
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com">
   <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
-  <link href="/application.css?v=12" media="all" rel="stylesheet" />
+  <link href="/application.css?v=13" media="all" rel="stylesheet" />
 </head>
 <body class="index">
   <div class="page">