quatuorbellefeuille.com

commit 55d6ead1b3cb89ae34dd0468c59f63970a06bcbd
parent 87822e841f8ece0256b7dc30d65fece509517c5a
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Thu, 31 Dec 2020 01:02:15 +0100

Bring menu "tabs" closer together

Also make banner bigger.

Diffstat:
M
commun.css
 | 
17
++++++++---------

1 file changed, 8 insertions(+), 9 deletions(-)
diff --git a/commun.css b/commun.css
@@ -1,7 +1,7 @@
 body {
     height: 100vh;
     display: grid;
-    grid-template-columns: 11fr 1fr;
+    grid-template-columns: 7fr 1fr;
     grid-template-rows: auto 1fr auto;
     margin: 0;
     background-color: #acf;
@@ -10,14 +10,11 @@ body {
 header.banner {
     grid-column: 1 / -1;
     display: grid;
-    grid-template-columns: 3fr 8fr 1fr;
-    align-items: center;
+    grid-template-columns: 2fr 1fr 3fr 1fr 1fr;
 }
 
 header.banner .brand {
     grid-column: 1;
-    padding-left: 2vw;
-    padding-right: 2vw;
 }
 
 header.banner .brand a {
@@ -41,16 +38,17 @@ header.banner .brand:hover h1 {
 
 .brand h1 {
     margin: 0;
+    font-size: 1.5rem;
 }
 
 .brand img {
-    height: 3em;
+    width: 10rem;
     filter: brightness(0%);
 }
 
 nav {
-    grid-column: 2;
-    padding-right: 2vw;
+    grid-column: 3;
+    margin-top: 2rem;
 }
 
 nav > ol {
@@ -116,12 +114,13 @@ nav li a {
 }
 
 .lang {
-    grid-column: 3;
+    grid-column: 5;
     background-color: black;
     border-radius: 50% 50% 50% 0;
     color: white;
     padding: 0.5em;
     margin: auto;
+    margin-top: 3rem;
 }
 
 main {