Merge branch '8-pages-break-on-screens-that-are-too-small' into 'master'

Resolve "Pages break on screens that are "too small""

Closes #8

See merge request fachschaft/wp-theme!10

style.css

@@ -7,7 +7,7 @@
  * Author: personads :: Maximilian Müller-Eberstein (ursprüngliche Version und Design); Jakob Moser (Code-Rewrite)
  * Author URI: https://personads.me/
  *
- * Version: 1.2.1
+ * Version: 1.2.2
  *
  * License: GNU General Public License v3.0
  * License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -199,6 +199,20 @@ body > aside h2 {
     }
 }
 
+@media (max-width: 300px) {
+    body > header .logo {
+        width: 200px;
+        height: calc(77px*200/250);
+    }
+}
+
+@media (max-width: 215px) {
+    body > header .logo {
+        width: 150px;
+        height: calc(77px*150/250);
+    }
+}
+
 /* -- Navigation bar -- */
 header .nav-toggle {
     display: none;
@@ -209,6 +223,7 @@ header nav {
     position: relative;
     vertical-align: bottom;
     text-transform: lowercase;
+    hyphens: auto;
 }
 
 header nav li {
@@ -311,6 +326,7 @@ header nav li:hover > ul {
 /* ==== General styles: Articles ==== */
 article {
     padding: 2em;
+    hyphens: auto;
 }
 
 article .content p, article .content blockquote {
@@ -362,6 +378,7 @@ article > header h3 a,
 article:only-child {
     display: grid;
     grid-template-rows: max-content 1fr max-content;
+    overflow-x: auto;
 }
 
 article:only-child > header {