From f653506421ee8e2c46c78e93d28ee2418a1d399d Mon Sep 17 00:00:00 2001 From: polo Date: Tue, 28 Oct 2025 23:23:03 +0100 Subject: =?UTF-8?q?modification=20liens=20r=C3=A9seaux=20sociaux,=20placeh?= =?UTF-8?q?older=20input=20text,=20correction=20erreurs=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/head.css | 33 ++++++++++++++++++++++++++++----- 1 file changed, 28 insertions(+), 5 deletions(-) (limited to 'public/css') diff --git a/public/css/head.css b/public/css/head.css index c178d3a..3d9d6ca 100644 --- a/public/css/head.css +++ b/public/css/head.css @@ -4,6 +4,7 @@ header /*padding-top: 5px;*/ /*padding-bottom: 10px;*/ background-size: cover; /* largeur du bloc_page */ + background-position: center; } #nav_zone { @@ -44,6 +45,7 @@ header { background-color: #ffffff7f; border-radius: 10px; + padding: 1px; /* pour que les marges de h1 et h2 ne mordent pas le bloc parent */ } header h1 { @@ -79,13 +81,27 @@ header a display: flex; justify-content: center; } +#header_social_content +{ + display: flex; + gap: 4px; + flex-wrap: wrap; +} #header_social_content img +{ + width: 28px; + +} +#header_social_content a img { width: 28px; background-color: #ffffffb3; border-radius: 50%; } - +#header_social_content .action_icon +{ + width: 24px; +} #header_social_content img:hover { background-color: yellow; @@ -98,7 +114,8 @@ header a } @media screen and (max-width: 1000px){ - .header_content{ + .header_content + { padding: 15px 0; } header img @@ -106,14 +123,20 @@ header a max-width: 160px; } } -@media screen and (max-width: 500px){ +@media screen and (max-width: 800px){ .header_content { - display: block; + grid-template-columns: 2fr 1fr; /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */ padding: 10px; } - #header_logo + .header_left_col { display: none; } +} +@media screen and (max-width: 600px){ + .header_content + { + display: block; + } } \ No newline at end of file -- cgit v1.2.3