From b55a029a5b4867349a172873d20a6ffd91c20e23 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Fri, 18 Jul 2025 15:57:57 +0200
Subject: =?UTF-8?q?petites=20am=C3=A9liorations=20smartphones,=20logo=20et?=
 =?UTF-8?q?=20fond=20de=20header=20et=20footer=20g=C3=A9r=C3=A9s=20dans=20?=
 =?UTF-8?q?NodeData?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/head.css | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

(limited to 'public/css/head.css')

diff --git a/public/css/head.css b/public/css/head.css
index a55449a..be938bb 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -3,7 +3,6 @@ header
 	text-align: center;
 	/*padding-top: 5px;*/
 	/*padding-bottom: 10px;*/
-	background-image: url('../assets/fond-piscine.jpg');
 	background-size: cover; /* largeur du bloc_page  */
 }
 #nav_zone
@@ -14,14 +13,35 @@ header
 	/*align-items: center;*/ /* conflit possible avec .social align-self */
 	justify-content: center;
 }
+.nav_button{
+	display: none;
+}
 
 .header-content
 {
 	padding: 20px 0;
 	display: grid;
-	grid-template-columns: repeat(3, 1fr);
+	grid-template-columns: 1fr 1fr 1fr;
 	align-items: end;
 }
+@media screen and (max-width: 1000px){
+	.header-content{
+		padding: 18px 0;
+	}
+}
+@media screen and (max-width: 450px){
+	.header-content
+	{
+		/*grid-template-columns: 1fr 2fr 1fr;*/
+		display: block;
+		padding: 18px;
+	}
+	.head_logo
+	{
+		display: none;
+	}
+}
+
 .site_title
 {
 	background-color: #ffffff7f;
@@ -37,6 +57,12 @@ header h2
 	font-size: medium; /* défaut = x-large */
 	margin: 10px;
 }
+@media screen and (max-width: 1000px){
+	header h1, header h2
+	{
+		margin: 8px;
+	}
+}
 header img
 {
 	vertical-align: bottom; /* supprime espace sous l'image */
@@ -50,7 +76,8 @@ header a
 }
 .social
 {
-	align-self: end;
+	/*align-self: end;*/
+	/*padding: 4px;*/
 }
 .social img
 {
-- 
cgit v1.2.3