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