From 1b5e708d0ec0df6b628bbba14e9eea77e4d51ef5 Mon Sep 17 00:00:00 2001
From: Guillaume BLOCH-BARAUX01
 <blochbarauxgu@chu-lyon.fr@di3223su.chu-lyon.fr>
Date: Mon, 16 Jan 2023 09:30:36 +0100
Subject: [PATCH] reduce header size on mobile

---
 index.html |  4 ++--
 styles.css | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b3ccffe..b8fd3db 100644
--- a/index.html
+++ b/index.html
@@ -18,10 +18,10 @@
 <body>
     <div class="top-nav">
         <div class="header">
-            <img height="90px" width="90px" src="./images/logoHCL.jpg" alt="Le logo des HCL" />
+            <img class="hcl-logo" src="./images/logoHCL.jpg" alt="Le logo des HCL" />
             <div class="header-content">
                 <h1 class="page-title">Hospices Civils de Lyon - Cellule Bioinformatique</h1>
-                <div>Plateforme de séquençage haut-débit pour le diagnostic</div>
+                <div class="header-content__description">Plateforme de séquençage haut-débit pour le diagnostic</div>
             </div>
         </div>
         <div class="nav-container">
diff --git a/styles.css b/styles.css
index 1bd947a..73e14e0 100644
--- a/styles.css
+++ b/styles.css
@@ -35,6 +35,10 @@ body {
    align-items: center;
    column-gap: 2em;
 }
+.hcl-logo {
+    height: 90px;
+    width: 90px;
+}
 .page-title {
     font-size: 1.5em;
 }
@@ -457,6 +461,12 @@ body {
         row-gap: 0;
         line-height: 1;
     }
+    .page-title {
+        font-size: 1em;
+    }
+    .header-content__description {
+        font-size: .8em
+    }
 }
 @media (min-width: 769px) {
     .map-container {
-- 
GitLab