From 4b9ae72f0a49a7be930c324c2a8a8a31bf90c4d8 Mon Sep 17 00:00:00 2001
From: edpibu <git@edgarpierre.fr>
Date: Sun, 11 Apr 2021 17:51:23 +0200
Subject: [PATCH] Updated homepage for mobile

---
 css/index.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/css/index.css b/css/index.css
index 5a18b8e..1f66775 100644
--- a/css/index.css
+++ b/css/index.css
@@ -35,6 +35,7 @@ body {
 	grid-column: 1 / 3;
 	padding: .5em;
 	align-self: center;
+	line-height: 2em;
 }
 .title nav a {
 	border: 0px solid #484848de;
@@ -71,4 +72,23 @@ footer>p {
 footer>.author {
 	font-family: 'IBM Plex Serif';
 	font-weight: 300;
+}
+
+@media screen and (max-width: 700px) {
+	.title {
+		width: auto;
+		height: 300px;
+		margin: calc((100vh - 300px) / 2) 1em;
+		grid-template-columns: 1fr;
+		grid-template-rows: 1fr 1fr 2fr;
+	}
+	.title h1, .title h2 {
+		text-align: center;
+	}
+	.title h1 {
+		align-self: start;
+	}
+	.title nav {
+		grid-column: 1;
+	}
 }
\ No newline at end of file