Mercurial

diff mrjunejune/src/tools/index.css @ 97:3bdfffaad162

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[MrJuneJune] Updated so it is mobile friendly and fixed few font sizes.
author June Park <parkjune1995@gmail.com>
date Fri, 02 Jan 2026 20:21:58 -0800
parents bcc76a156aea
children
line wrap: on
line diff
--- a/mrjunejune/src/tools/index.css	Fri Jan 02 19:16:17 2026 -0800
+++ b/mrjunejune/src/tools/index.css	Fri Jan 02 20:21:58 2026 -0800
@@ -53,3 +53,26 @@
   70% { box-shadow: 0 0 0 10px rgba(68, 136, 255, 0); }
   100% { box-shadow: 0 0 0 0 rgba(68, 136, 255, 0); }
 }
+
+/* Mobile responsive */
+@media (max-width: 720px) {
+  .title {
+    font-size: 2rem;
+  }
+
+  .nav-list a {
+    font-size: 1.1rem;
+    line-height: 1.6;
+  }
+
+  .nav-list li {
+    margin-bottom: 1.5em;
+    padding: 0.5em 0;
+  }
+
+  .sphere {
+    width: 14px;
+    height: 14px;
+    margin-right: 12px;
+  }
+}