fix about page title spacing on mobile

src/inc_css/gallery.css

@@ -8,13 +8,6 @@
     transform: translate(-50%,0);
 }
 
-.portfolio h1 {
-    margin-top: 1.2em;
-    text-align: center;
-
-    padding: 0.2em 0.4em;
-}
-
 .portfolio p {
     margin: 1.2em 0 2em;
 

src/inc_css/page.css

@@ -57,7 +57,8 @@
 
     font-size: 1.7em;
 
-    margin: .5em;
+    margin-top: 1.2em;
+    padding: 0.2em 0.4em;
 
     text-align: center;
 }

todo.md

@@ -1,19 +1,25 @@
 * [-] responsive design
     * [-] nav
-        * [ ] turn into <nav>
         * [x] top bar
             * [x] no socials
             * [x] title left (no trail)
             * [x] page links right (no prefix)
+        * [ ] turn into <nav>
     * [-] landing page
         * [x] central
-    * [-] about
+        * [ ] move up a squidge to avoid planets intersecting icons
+    * [x] about
         * [x] narrow text
-        * [ ] hope -> use
+        * [x] space out title
     * [x] solar system
         * [x] smaller
-    * [x] gallery
+    * [-] gallery
         * [x] column too thin
+        * [ ] invert media queries for :hover handling
+* [ ] content
+    * [ ] about
+        * [ ] caps in copy: conform to social pressure
+        * [ ] hope -> use
 * [ ] features
     * [ ] header
         * [ ] sticky slidy from middle to side with scroll