From f149318b7997e86a16d523493089b1f03c949b17 Mon Sep 17 00:00:00 2001 From: username Date: Sun, 21 Nov 2021 11:34:38 +0100 Subject: [PATCH] =?UTF-8?q?le=20responsive=3F=20dans=20les=20annn=C3=A9es?= =?UTF-8?q?=202000=3F=20Plus=20probable=20que=20vous=20le=20croyez?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/2000/contact.css | 18 +++++++++++++----- styles/2000/main.css | 22 ++++++++++++++++++++++ styles/2000/success.css | 19 +++++++++++++++++++ 3 files changed, 54 insertions(+), 5 deletions(-) diff --git a/styles/2000/contact.css b/styles/2000/contact.css index d16e66d..246571e 100644 --- a/styles/2000/contact.css +++ b/styles/2000/contact.css @@ -21,14 +21,22 @@ .contactprofile a { display: flex; width: 500px; - /*justify-content: space-between;*/ - flex-direction: row; } - .contactprofile a p{ align-self: center; margin-left: 2rem; - /* justify-content: center;*/ + text-decoration: none; } - +@media screen and (max-width:1200px){ + .profilsimg { + width: 40vw; + height: auto; + border-radius: 15px; + } + .contactprofile a { + flex-direction: column; + align-items: center; + padding-top: 1rem; + } +} \ No newline at end of file diff --git a/styles/2000/main.css b/styles/2000/main.css index a3e3e51..37fae0a 100644 --- a/styles/2000/main.css +++ b/styles/2000/main.css @@ -163,4 +163,26 @@ margin: 5px; justify-content: center; align-items: center; padding-bottom: 2rem; +} + +@media screen and (max-width:1200px){ + header{ + font-size: 3rem; + flex-direction: column; + } + header #buttonSec { + order: 3; + } + main{ + font-size: 2rem; + } + .avis { + width: 50%; + height: auto; + } + figure { + flex-direction: column; + align-items: center; + } + } \ No newline at end of file diff --git a/styles/2000/success.css b/styles/2000/success.css index 256965f..a058cfc 100644 --- a/styles/2000/success.css +++ b/styles/2000/success.css @@ -29,3 +29,22 @@ main h2 { section #bio { align-self: center; } + +@media screen and (max-width:1200px){ + #succes{ + display: flex; + align-items: center; + flex-direction: column; + } + #meet { + padding-top: 1rem ; + flex-direction: column; + align-items: center; + justify-content: center; + width: fit-content; + } + #sec_img img { + width: 80vw; + height: auto; + } +} \ No newline at end of file