display flex entete site

web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss

@@ -30,6 +30,8 @@
             margin-top: 2rem;
             margin-bottom: 4rem;
             .field--type-link{
+                padding-left: 0.5rem;
+                padding-right: 0.3rem;
                 .field__item::after{    
                         content: url('../dist/images/noun-arrow-1569918-black.svg');
                 }

web/themes/custom/reha/scss/pages/home/_home-view-sites.scss

@@ -28,23 +28,29 @@
     .block-views-blocksites-block-1 {
         top: -44px;
         position: relative;
-        height: 550px;
+        // height: 550px;
     
         .views-row{
             @media(max-width: 891px){
                 margin-left: 1.8rem;
                 margin-right: 1.8rem;
             }
+
             .node-type-site{
                 width: 70%;
                 margin: auto;
                 .entete_site{  
                     background-color: white;
-                    height: 520px;
-                    width: 1274px;
+                    // height: 520px;
+                    // width: 1274px;
                     display: flex;
                     flex-direction: row;
                     margin: auto;
+                @media(max-width: 1400px){
+                    width: 100%;
+                    display: flex;
+                    flex-direction: row;
+                } 
                 @media(max-width: 891px){
                     width: 100%;
                     display: flex;
@@ -53,26 +59,44 @@
                     
                     .image-site{
                         order: 1;
+                        width: 70%;
+                        @media(max-width: 900px){
+                            width: 100%;
+                        }
                         .field__item{
                             display: flex;
                             flex-direction:column;
                             align-items: flex-end;
+                            position: relative;
                             img {
-                                height: 520px;
-                                width: auto;
-                                object-fit: contain;                      
+                                // height: 520px;
+                                width: 100%;
+                                object-fit: contain;  
+                                height: fit-content;    
+                                @media(max-width: 1500px){
+                                    width: 100%;
+                                }                 
                             }
                             blockquote{
-                                position: relative;
+                                position: absolute;
                                 font-style: italic;
                                 margin: 0;
                                 width: 20vw;
                                 z-index: 900;
-                                left: 20vw;
-                                top: -50px;
+                                right: -20vw;
+                                bottom: 0px;
+                                @media(max-width: 900px){
+                                    left: 0;
+                                    top: 0;
+                                    width: 100%;
+                                }
                                 p{
                                     margin: 0;
                                     padding-left: 1rem;
+                                    padding-bottom: 1rem;
+                                    @media(max-width: 900px){
+                                        font-size: 0.8rem;
+                                    }
                                 }
                             }
                         }
@@ -80,8 +104,8 @@
                     }
                     .infos-content-site{
                         background-color: $white-button;
-                        width: 20vw;
-                        height: 400px;
+                        // width: 20vw;
+                        // height: 400px;
                         order: 2;
                         display: flex;
                         flex-direction: column;
@@ -92,6 +116,11 @@
                         justify-content: center;
                         @media(max-width: 891px){
                             width: auto;
+                            height: auto;
+                            display: flex;
+                            margin: auto;
+                            margin-bottom: 2rem;
+                            margin-top: 2rem;
                         }
                         h1{display: none;}
                         h2{
@@ -188,5 +217,11 @@
         // top: -10px;
         margin-top: 1rem;
         margin-bottom: 4rem;
+
+        .field--type-link{
+            padding-left: 0.5rem;
+            padding-right: 0.3rem;
+        }
+
     }
 }

web/themes/custom/reha/scss/partials/_aside.scss

@@ -161,6 +161,8 @@ aside.layout-sidebar-second{
         padding-top: 0;
         align-self: left;
         margin-left: 1rem;
+        padding-left: 0.3rem;
+        padding-right: 0.3rem;
 
         @media (max-width:891px) {
             font-size: 1rem;

web/themes/custom/reha/scss/partials/_header.scss

@@ -371,6 +371,7 @@ header{
 
                             }
                             li{
+                                width: fit-content;
                                 text-transform: uppercase;
                                 padding: 1rem;
                                 border: solid black 1px;