Increase font-size and text align on mobile

ramezanpour · Aug 27, 2023 · 06adba3 · 06adba3
1 parent 2a6aba7
commit 06adba3
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/css/ramezanpour.css b/css/ramezanpour.css
@@ -9,7 +9,9 @@
 .container {
   margin: 20px auto;
   max-width: 768px;
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 110%;
 }
 
 a {
@@ -151,7 +153,6 @@ blockquote {
   margin-bottom: 5px;
 }
 
-
 .home-sub-section .useful-links {
   float: right;
   width: 49.5%;
@@ -174,5 +175,11 @@ blockquote {
     float: none;
     display: block;
   }
+  .content p,
+  .content ul,
+  .content ol,
+  .content .category-items,
+  .home .note p {
+    text-align: left;
+  }
 }
-