index centré verticalement mobile

2021-04-23 15:29:10 +02:00
parent 68bd41b758
commit f895097f3c
2 changed files with 7 additions and 2 deletions
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 		<link href="./styles/index.css" type="text/css" rel="stylesheet">
 		<style> html {visibility: hidden; opacity: 0;} </style>
 	</head>
-	<body>
+	<body id="body_index">
 		<main class="index" id="index">
 			<div class="logo_txt">
 				<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
--- a/styles/media.css
+++ b/styles/media.css
@@ -101,6 +101,11 @@
 	.logo_links#index_links {
 		flex-direction: column;
 	}
+	body#body_index {
+		display: flex;
+		flex-direction: column;
+		min-height: 100vh;
+	}
 	main#index {
 		height: auto;
 	}
@@ -108,7 +113,7 @@
 		margin: 10px auto;
 	}
 	.logo_links#index_links {
-		margin-bottom: 30px;
+		margin-bottom: 20px;
 	}
 }