fixes to front

Author: GrabowskiM

docs/css/front-page.css

@@ -71,8 +71,8 @@
             </a>
         </div>
     </div>
-    <div class="row">
-        <div class="col-12 notifications">
+    <div class="row notifications">
+        <div class="col-12 col-lg-6">
             <div class="notification notification--latest-release" id="tile2">
                 <div class="notification__content">
                     <h2>The latest release is [[= latest_tag_4_6 =]]</h2>
@@ -85,6 +85,8 @@
                     <img src="images/notification-latest-release.svg" alt="The latest release" />
                 </div>
             </div>
+        </div>
+        <div class="col-12 col-lg-6">
             <div class="notification notification--lts-update" id="tile3">
                 <div class="notification__content">
                     <h2>The newest LTS Update to Ibexa DXP v4.6 is AI Actions</h2>
@@ -99,6 +101,8 @@
                 </div>
             </div>
         </div>
+    </div>
+    <div class="row">
         <div class="col-12">
             <div class="accordion">
                 <details>

docs/css/front-page.css.map

@@ -196,9 +196,8 @@ body {
     }
 
     .notifications {
-        display: flex;
-        gap: 24px;
-        margin: 30px 0 40px;
+        margin-top: 30px;
+        margin-bottom: 40px;
     }
 
     .notification {
@@ -210,7 +209,6 @@ body {
         overflow: hidden;
         display: flex;
         flex-direction: column;
-        align-items: space-between;
         flex: 1 1 0;
 
         &__content {
@@ -285,6 +283,7 @@ body {
 
         &--lts-update {
             border: 2px solid $ibexa-color-light;
+            height: calc(100%);
 
             .notification {
                 &__cta {