From 0f497d215de8e16739263e2718bd39640a6cc4d8 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Thu, 8 May 2025 22:58:04 +0200
Subject: modif page, renommage et suppression, du responsive design, modif
 dans Director, notif toast

---
 public/css/trombinoscope.css | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

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

diff --git a/public/css/trombinoscope.css b/public/css/trombinoscope.css
index 357e6b0..cee2666 100644
--- a/public/css/trombinoscope.css
+++ b/public/css/trombinoscope.css
@@ -1,10 +1,39 @@
+/* css personnalissé à cette page,
+.grid_columns utilise un nombre de colonnes spécifique */
 article img
 {
 	border-radius: 50%;
 }
-
 .grid_columns
 {
-	/* écrase les 3 colonnes par défaut */
-  grid-template-columns: repeat(4, 1fr);
+	grid-template-columns: repeat(4, 1fr);
+}
+@media screen and (max-width: 900px)
+{
+	.grid_columns
+	{
+		grid-template-columns: repeat(3, 1fr);
+	}
+}
+@media screen and (max-width: 650px)
+{
+	.grid_columns
+	{
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+@media screen and (max-width: 550px)
+{
+	.grid_columns
+	{
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+@media screen and (max-width: 350px)
+{
+	.grid_columns
+	{
+		display: block;
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3