fixed site name & branding display

web/themes/custom/leshed/assets/scss/partials/global/_header.scss

@@ -18,10 +18,25 @@ header[role="banner"]{
     justify-content:space-between;
     align-items: center;
     padding: 0.2em 0;
+
+    .header-left{
+      flex: 1 1 auto;
+    }
+    .header-center{
+      flex: 0 1 auto;
+    }
+    .header-rigth{
+      flex: 0 0 auto;
+    }
   }
 
   #block-leshed-identitedusite{
-    a{
+    display: flex;
+    flex-direction: row;
+    align-items:center;
+    >a:first-child{
+      flex: content ;
+      flex: 0 0 3.5em;
       // color: ;
       text-decoration: none;
       font-size: 2em;
@@ -31,6 +46,10 @@ header[role="banner"]{
       //   color: $rose;
       // }
     }
+    div.site-slogan{
+      flex: 1 1 auto;
+      line-height: 1;
+    }
   }
 
   .header-right{

web/themes/custom/leshed/templates/block--system-branding-block.html.twig

@@ -16,5 +16,8 @@
   {% if site_name %}
     <a href="{{ path('<front>') }}" rel="home" class="variable-title">{{ site_name }}</a>
   {% endif %}
-  {{ site_slogan }}
+  {% if site_slogan %}
+    <div class="site-slogan">{{ site_slogan }}</div>
+  {% endif %}
+
 {% endblock %}