1 files changed, 32 insertions, 3 deletions

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