Fixed overflow due to navbar links and pre > code blocks being too large

Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>

README.md

@@ -7,7 +7,6 @@
 - [ ] Add dark and light theme switch and colors
 - [ ] Fix article order
 - [ ] Add article date support
-- [ ] Fix horizontal overflow with pre > code blocks on mobile
 
 ## Sources
 

src/assets/css/style.css

@@ -48,7 +48,7 @@ p, ul {
 	line-height: 1.55em;
 }
 
-li > ul {
+li>ul {
 	margin-top: 0;
 	margin-left: 15px;
 	list-style-type: circle;
@@ -78,23 +78,24 @@ nav {
 	justify-content: space-between;
 	margin-top: 10px;
 	margin-bottom: 10px;
+	flex-wrap: wrap;
 }
 
 .filler {
 	flex-grow: 2;
 }
 
-nav > a {
+nav>a {
 	font-family: 'Open Sans', sans-serif;
 	padding: 10px;
 }
 
-nav > a:visited, nav > a:hover, nav > a {
+nav>a:visited, nav>a:hover, nav>a {
 	color: var(--fg);
 	text-decoration: none;
 }
 
-nav > a:not(#home_link) {
+nav>a:not(#home_link) {
 	margin-left: 25px;
 }
 
@@ -156,10 +157,9 @@ pre {
 	margin-top: 5px;
 }
 
-pre > code {
+pre>code {
 	padding: 10px;
-	display: inline-block;
-	width: 100%;
+	display: block;
 	overflow: auto;
 	line-height: 1.35em;
 }
@@ -176,6 +176,9 @@ code {
 		margin-right: 10vw;
 		margin-left: 10vw;
 	}
+	nav>a:not(#home_link) {
+		margin-left: 5px;
+	}
 }
 
 @media screen and (max-width: 768px) {
@@ -183,4 +186,10 @@ code {
 		margin-right: 5vw;
 		margin-left: 5vw;
 	}
+	nav>a:not(#home_link) {
+		margin-left: 0px;
+	}
+	blockquote {
+		margin-left: 0px;
+	}
 }