From 71f830ba6a381d14cddacefe78d88012cafb23ab Mon Sep 17 00:00:00 2001
From: Dorian Lesbre <dorian.lesbre@gmail.com>
Date: Mon, 11 Jan 2021 13:39:28 +0100
Subject: [PATCH] Added header resize on smaller screens
---
home/static/css/style.css | 20 +++++++++++++++++++-
1 file changed, 19 insertions(+), 1 deletion(-)
diff --git a/home/static/css/style.css b/home/static/css/style.css
index 320024f..4dc2678 100644
--- a/home/static/css/style.css
+++ b/home/static/css/style.css
@@ -38,7 +38,6 @@ header {
header > * {
color: #ddd;
- width: 100%;
}
header h1, header h1 a, header h1 a:visited, header h1 a:active {
@@ -46,6 +45,7 @@ header h1, header h1 a, header h1 a:visited, header h1 a:active {
font-size: 70px;
text-decoration: none;
margin: 10px 0;
+ flex: 1;
}
header #head_main_infos {
@@ -53,6 +53,24 @@ header #head_main_infos {
flex-direction: column;
align-items: flex-end;
font-size: 20pt;
+ flex: 1;
+}
+
+@media (max-width: 800px) {
+ header h1, header h1 a {
+ font-size: 50px;
+ }
+ header #head_main_infos {
+ font-size: 10pt;
+ }
+}
+@media (max-width: 600px) {
+ header h1, header h1 a {
+ font-size: 30px;
+ }
+ header #head_main_infos {
+ font-size: 8pt;
+ }
}
nav {
--
GitLab