Revert "correction de l'affichage des galeries sur mobile"

This reverts commit d4cf2c0434641a1428cfb4111e21590622f97958.

styles.css

@@ -425,35 +425,29 @@ body {
 
 .gallery-item img {
     width: 100%;
-    height: auto;
-    object-fit: contain;
+    height: 100%;
+    object-fit: cover;
     display: block;
     transition: transform 0.3s ease;
 }
 
-.gallery-item-wide,
+.gallery-item-wide {
+    grid-column: span 2;
+}
+
 .gallery-item-tall {
-    grid-column: 1;
-    grid-row: auto;
+    grid-row: span 2;
 }
 
 .gallery-item-top {
-    border: none;
+    /* Contour bleu */
+    border: 4px solid #2196f3;
+    /* Animation subtile au survol */
     position: relative;
     z-index: 2;
     transition: all 0.3s ease;
 }
 
-.gallery-item-top::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    border: 4px solid #2196f3;
-    border-radius: 0.5rem;
-    pointer-events: none;
-    z-index: 1;
-}
-
 .gallery-item-top:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 24px rgba(33, 150, 243, 0.3);
@@ -740,21 +734,13 @@ body {
     }
     
     .gallery-item {
-        min-height: unset;
-        width: 100%;
-        border-radius: 0.5rem;
-        overflow: hidden;
+        width: calc((100% - (2 * 20px)) / 3);
     }
 
     .gallery-grid {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 1.5rem;
+        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+        gap: 0.5rem;
         padding: 1rem;
-        max-width: 500px;
-        margin: 0 auto;
-        width: 100%;
     }
     
     .gallery-header {

version.txt

@@ -1 +1 @@
-1.0.4
+1.0.2