fix mobile breakpoint

assets/photos/index.css

···
 @media (max-width: 700px) {
   .photos__layout {
     flex-direction: column;
+    padding: 30px;
   }
 
   .photos__nav {
···
 
   .photos__mobile-nav {
     display: flex;
+  }
+
+  .photos > a {
+    max-height: initial;
+    width: 100%;
+  }
+
+  .photos > a img {
+    width: 100%;
   }
 }

templates/layout.jinja

···
         background-color: black;
         color: white;
       }
+
+      @media (max-width: 850px) {
+        header {
+          flex-direction: column;
+        }
+
+        header nav ul {
+          flex-direction: column;
+        }
+      }
     </style>
     <title>
       {% block title %}{% endblock %}