From d52afe5cc37ce1e88772e7cb7a40b54bbbebda83 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Thu, 13 Nov 2025 20:19:48 +0100
Subject: =?UTF-8?q?classe=20CSS=20drop-left=20pour=20ouvrir=20des=20sous-m?=
 =?UTF-8?q?enus=20=C3=A0=20gauche,=20normes=20de=20responsive=20design:=20?=
 =?UTF-8?q?480,=20768=20et=201024px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/head.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

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

diff --git a/public/css/head.css b/public/css/head.css
index 4df68ba..b5acfec 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -47,7 +47,7 @@ header h2
 	font-size: medium; /* défaut = x-large */
 	margin: 10px;
 }
-@media screen and (max-width: 1000px){
+@media screen and (max-width: 1024px){
 	header h1, header h2
 	{
 		margin: 8px;
@@ -119,8 +119,12 @@ header a
 	border-radius: 10px;
 	padding: 5px;
 }
+.header_content
+{
+	padding: 20px 0;
+}
 
-@media screen and (max-width: 1000px){
+@media screen and (max-width: 1024px){
 	.header_content
 	{
 		padding: 15px 0;
@@ -130,20 +134,25 @@ header a
 		max-width: 160px;
 	}
 }
-@media screen and (max-width: 800px){
+@media screen and (max-width: 768px){
 	.header_content
 	{
-		grid-template-columns: 2fr 1fr; /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */
-		padding: 10px;
+		/*grid-template-columns: 2fr 1fr;*/ /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */
+		/*padding: 10px;*/
+		display: block;
+		max-width: 65%;
+		margin: auto;
 	}
 	.header_left_col
 	{
 		display: none;
 	}
 }
-@media screen and (max-width: 600px){
+@media screen and (max-width: 480px){
 	.header_content
 	{
-		display: block;
+		/*display: block;*/
+		max-width: 100%;
+		padding: 10px;
 	}
 }
\ No newline at end of file
-- 
cgit v1.2.3