style: on policy and terms and condition subpages, reduce font-size a…

…nd line-height for legibility on smaller screens
henrylin03 · Sep 4, 2024 · d56f9dc · d56f9dc
1 parent 590b668
commit d56f9dc
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 5 deletions.
diff --git a/css/global.css b/css/global.css
@@ -116,6 +116,17 @@ footer a:hover {
 /* MEDIA QUERIES */
 /* mobile */
 @media only screen and (max-width: 768px) {
+  h1 {
+    font-size: 2.1rem;
+  }
+
+  h2 {
+    font-size: 1.5rem;
+  }
+
+  h3 {
+    font-size: 1.2rem;
+  }
 
   /* header section */
   header {
@@ -143,6 +154,11 @@ footer a:hover {
     padding: 12px;
   }
 
+  main p,
+  main ul {
+    font-size: .85rem;
+  }
+
   /* footer */
   footer {
     font-size: .5rem;

diff --git a/css/policies.css b/css/policies.css
@@ -63,12 +63,19 @@ main a:hover {
   font-weight: 600;
 }
 
-/* SPECIAL PADDING FOR FOOTER */
-footer {
-  padding: 24px 36px;
+/* MEDIA QUERIES */
+/* mobile */
+@media only screen and (max-width: 768px) {
+  main p {
+    line-height: 1.5rem;
+    margin: .75rem 0;
+  }
+
+  main ul {
+    line-height: 1.5rem;
+  }
 
-  /* mobile */
-  @media (max-width: 768px) {
+  footer {
     padding: 16px;
   }
 }