From 58f13d1d957948d2e8726b49c9f6b66f03ca8113 Mon Sep 17 00:00:00 2001 From: izanic Date: Fri, 19 Jan 2024 10:33:58 +0100 Subject: [PATCH] =?UTF-8?q?responsivit=C3=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/accueil.css | 30 +++++++++++++++++++++--------- CSS/propos.css | 2 +- CSS/styles.css | 26 ++++++++++++++++++++++++-- HTML/contact.html | 8 ++++++++ HTML/page_2.html | 1 + HTML/page_3.html | 6 ++++++ HTML/page_4.html | 9 +++++---- index.html | 2 +- 8 files changed, 67 insertions(+), 17 deletions(-) diff --git a/CSS/accueil.css b/CSS/accueil.css index f3c682f..2e73d5b 100644 --- a/CSS/accueil.css +++ b/CSS/accueil.css @@ -80,21 +80,33 @@ outline: none; margin: 1%; } + @media only screen and (max-width: 800px){ - body{ - width: 100vw; + h2{ + margin-bottom: 10vh; } - #img_droite_txt_gauche{ - width: 100vw; + #presentation{ + height: 50vh; + } + .img_main{ + width: 75vw; + margin-bottom: 20vh; } - #menu-ordi{ - display: none; + #img-txt p { + width: 100vw; + margin-bottom: 10vh; + } + #img-txt div{ + flex-direction: column; + padding-bottom: 0; } - #menu-mobile{ - position: fixed; - display: block; + #img_gauche_txt_droite{ + flex-direction: column; + } + #fond_2 video{ + width: 95vw; } } \ No newline at end of file diff --git a/CSS/propos.css b/CSS/propos.css index f696352..cca2ab5 100644 --- a/CSS/propos.css +++ b/CSS/propos.css @@ -4,7 +4,7 @@ h1,h2,h3,h4,h5{ } -#cv{ +.cv{ display: inline-block; border: 1px solid red; padding: 1rem 1rem; diff --git a/CSS/styles.css b/CSS/styles.css index 601f356..044a4e3 100644 --- a/CSS/styles.css +++ b/CSS/styles.css @@ -210,8 +210,8 @@ footer #reseaux p{ } footer #reseaux li img{ - width: 3vw; - height: 3vh; + width: 5vw; + height: 5vh; } footer #reseaux li img:not(:hover){ @@ -247,3 +247,25 @@ footer #autres a:hover{ display: none; } +@media only screen and (max-width: 800px){ + + *{ + overflow-x: hidden; + } + footer a,footer p { + font-size: 7px; + } + + #reseaux p{ + display: none; + } + + #menu-ordi{ + display: none; + } + + #menu-mobile{ + position: fixed; + display: block; + } +} diff --git a/HTML/contact.html b/HTML/contact.html index f8560af..743fe72 100644 --- a/HTML/contact.html +++ b/HTML/contact.html @@ -3,8 +3,10 @@ Casino du coeur + + @@ -12,6 +14,12 @@
+ +