edit: bug responsive n°333 corrigé en fixant la taille des ligne de la grid display (dans #mainInfo)

index.html

@@ -103,7 +103,7 @@
             Nous revendiquons l'ouverture du code et des techniques,
     				le partage des connaissances et l'autogestion,
             la liberté et l'anti-fascisme. <br><br>
-            Nous condamnons donc toute forme de violence et de discrimination dans nos locaux.
+            Nous condamnons donc toute forme de violence et de discrimination dans nos locaux.<br>
             Tout comportement assimilé pourra, sur décision collective, vous mener à la sortie.
           </p>
         </div>

src/style.css

@@ -108,7 +108,7 @@ a button{
 
 p{
   cursor: inherit;
-  pointer-events: none;
+  pointer-events: none !important;
 }
 
 .dg{
@@ -434,7 +434,7 @@ html, body{
 
         @media(min-width: 700px){
           grid-template-columns: 1fr 2fr;
-          grid-template-rows: 1fr 1.61fr 77px;
+          grid-template-rows: 161px 222px 77px;
           height: auto;
 
           .uiStyle{
@@ -442,28 +442,24 @@ html, body{
           }
 
           #planContainer{
-            width: 100vh;
+            height: 90%;
+            width: auto;
             grid-row: 2;
             grid-column: 2;
             margin-left: 0;
             margin-top: -88px;
 
+                  #plan{
+                    width:90%;
+                    height: auto;
+                    margin-bottom: 0;
 
-
+                  }
-            @media(min-width: 1300px){
+                  #fleche{
-              margin-top: -117px;
+                    width:60%;
-              margin-bottom: 77px;
+                    height: auto;
-            }
+                    box-sizing: border-box;
-
+                  }
-
-            #plan{
-              width:90%;
-              height: auto;
-            }
-            #fleche{
-              width:60%;
-              height: auto;
-            }
           }
 
           #openingHours{
@@ -482,11 +478,11 @@ html, body{
             padding-left: 16.1px;
             height: 77px;
 
-             #lolStatus{
+                   #lolStatus{
-               width: 44%;
+                     width: 44%;
-               align-self: center;
+                     align-self: center;
-               margin-top: 7.77px;
+                     margin-top: 7.77px;
-             }
+                   }
           }
 
           #title{
@@ -509,6 +505,8 @@ html, body{
         }
 
         @media(min-width: 1300px){
+          grid-template-rows: 222px 500px 77px;
+
           .uiStyle{
             font-size: 16.1px;
           }
@@ -536,6 +534,19 @@ html, body{
               font-size: 22px;
             }
           }
+
+          #planContainer {
+            margin-top: -117px;
+            margin-bottom: 77px;
+
+                  #fleche{
+                    width: 60%;
+                  }
+
+                  #plan{
+
+                  }
+          }
         }
 }
 
@@ -579,6 +590,8 @@ html, body{
                   font-size: 13.12px;
                   text-transform: uppercase;
                   color: var(--main-color);
+                  pointer-events: none !important;
+                  cursor: inherit;
                 }
         }
 }