modifications des tailles de police d'écriture, en responsive et en dekstop

resources/views/posts/index.blade.php

 <x-layout.front>
 
     <section class="d-flex justify-content-center align-items-center project-header flex-column flex-md-row">
-<div class="d-flex flex-column gap-5 wn-50 project-header-text">
-    <div class="container-text">
-        <h1 class="text-line">
-            <div>Projets et</div>
-        </h1>
-        <h1 class="text-line">
-            <div>Avancées</div>
-        </h1>
-        <h1 class="text-line">
-            <div>Technologiques</div>
-        </h1>
-    </div>
-    <p class="wn-50 ps-4" data-aos="fade-right">Découvrez Nos Collaborations et <b>Innovations Chez icube</b>, nous menons des projets variés, enrichis par des collaborations avec des experts de l'industrie et de la <b>recherche.</b></p>
-    <button class="btn-explored" data-aos="fade-up" onclick="location.href='#projet'">
-        <i class="bi bi-arrow-down-short"></i>
-        <span>Explorez</span>
-    </button>    
-</div>
-<div class="d-flex flex-row flex-md-column icon-project-header">
-    <div class="icon-project">
-        <i class="bi bi-person"></i>
-    </div>
-    <div class="icon-project">
-        <i class="bi bi-unity"></i>
-    </div>
-    <div class="icon-project">
-        <i class="bi bi-badge-vr"></i>
-    </div>
-</div>
+        <div class="d-flex flex-column gap-5 wn-50 project-header-text">
+            <div class="container-text">
+                <h1 class="text-line">
+                    <div>Projets et</div>
+                </h1>
+                <h1 class="text-line">
+                    <div>Avancées</div>
+                </h1>
+                <h1 class="text-line">
+                    <div>Technologiques</div>
+                </h1>
+            </div>
+            <p class="wn-50 ps-4 fs-6" data-aos="fade-right">Découvrez Nos Collaborations et <b>Innovations Chez
+                    icube</b>, nous menons des projets variés, enrichis par des collaborations avec des experts de
+                l'industrie et de la <b>recherche.</b></p>
+            <button class="btn-explored" data-aos="fade-up" onclick="location.href='#projet'">
+                <i class="bi bi-arrow-down-short"></i>
+                <span>Explorez</span>
+            </button>
+        </div>
+        <div class="d-flex flex-row flex-md-column icon-project-header">
+            <div class="icon-project">
+                <i class="bi bi-person"></i>
+            </div>
+            <div class="icon-project">
+                <i class="bi bi-unity"></i>
+            </div>
+            <div class="icon-project">
+                <i class="bi bi-badge-vr"></i>
+            </div>
+        </div>
 
-<div class="d-flex mobile-images">
-    <div class="image-content">
-        <img src="{{ asset('images/arc.jpeg') }}" alt="illustration-2">
-    </div>
-    <div class="image-content">
-        <img src="{{ asset('images/chat.jpeg') }}" alt="illustration-2">
-    </div>
-    <div class="image-content">
-        <img src="{{ asset('images/ball_catch.png') }}" alt="illustration-3">
-    </div>
-    
-</div>
+        <div class="d-flex mobile-images">
+            <div class="image-content">
+                <img src="{{ asset('images/arc.jpeg') }}" alt="illustration-2">
+            </div>
+            <div class="image-content">
+                <img src="{{ asset('images/chat.jpeg') }}" alt="illustration-2">
+            </div>
+            <div class="image-content">
+                <img src="{{ asset('images/ball_catch.png') }}" alt="illustration-3">
+            </div>
 
+        </div>
 
-</section>
 
-<section id="projet">
-    <h1 class="ms-lg-5 ms-md-4 ms-sm-3 mb-4">Nos  <span class="gray-color">Projets </span>({{ $posts->count() }})</h1>
-    <livewire:post-filter />
+    </section>
+
+    <section id="projet">
+        <h1 class="ms-lg-5 ms-md-4 ms-sm-3 mb-4">Nos <span class="gray-color">Projets </span>({{ $posts->count() }})
+        </h1>
+        <livewire:post-filter />
+
+        @if (auth()->check() && auth()->user()->role_id === 1)
+            <a href="{{ route('posts.create') }}" class="btn-explored3 col-2-md col-5-sm  col-lg-2  col-xl-2 "> <i
+                    class="bi bi-arrow-down-short"></i>
+                <span>Créer un nouveau projet</span></a>
+        @endif
 
-    @if (auth()->check() && auth()->user()->role_id === 1) 
-        <a href="{{ route('posts.create') }}" class="btn-explored3 col-2-md col-5-sm  col-lg-2  col-xl-2 "> <i class="bi bi-arrow-down-short"></i>
-            <span>Créer un nouveau projet</span></a>
-    @endif
 
+    </section>
 
-</section>
 
 
-    
-</x-layout.front>
\ No newline at end of file
+</x-layout.front>