mobile header

2023-11-29 21:17:30 +01:00
parent 4151b787f3
commit 0bf78c9d28
2 changed files with 17 additions and 5 deletions
@@ -32,7 +32,7 @@ header{
                    object-fit: contain;
                }
            @media (max-width:891px) {
-                width: 150px;
+                width: 10%;
                padding-left: 1rem;
            }   
            
@@ -55,17 +55,25 @@ header{
        }

        #block-reha-connexionutilisateur{
+             
+            
            grid-column: 9;
+            display: flex;
+            flex-direction: column;
+            height: fit-content;
+            @media (max-width:891px) {
+                width: 10%;
+                padding-left: 1rem;
+            }
+            
            .bouton-connexion{
                padding-right: 3rem;
                :before{
                    content: url(../images/noun-contact-2495375.svg);
                    padding-right: 1rem;
                }
+                
            }
-            display: flex;
-            flex-direction: column;
-            height: fit-content;
            .connexion{
                height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
                width: 100%;