lining up icons

assets/scss/custom.scss

@@ -65,13 +65,14 @@
 
   .header-with-image {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
   }
 
   .header-with-image img {
     margin-right: 10px;
     max-width: 100px; /* Adjust as needed */
     max-height: 100px; /* Adjust as needed */
+    align-items: center;
   }
 
   .read-more-link {

content/english/_index.md

@@ -3,7 +3,7 @@
 banner:
   title: "Welcome to the Fediversity Project"
   content: "The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone."
-  image: "/images/checkbox-illustration.png"
+  image: "/images/checkbox-illustration-scaled.png"
   button:
     enable: true
     label: "For You"
@@ -63,7 +63,7 @@ features:
 features2:
   - title: "Individuals"
     image: "/images/user.png"
-    content: "2Always be in control with your own data on social networks, whether that's with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible."
+    content: "Always be in control with your own data on social networks, whether that's with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible."
     button:
       enable: true
       label: "Learn more"
@@ -71,7 +71,7 @@ features2:
 
   - title: "Developers"
     image: "/images/code.png"
-    content: "2As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help."
+    content: "As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help."
     button:
       enable: true
       label: "Learn more"
@@ -79,7 +79,7 @@ features2:
 
   - title: "European Commission"
     image: "/images/globe.png"
-    content: "2The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project."
+    content: "The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project."
     button:
       enable: true
       label: "Learn more"

hugo_stats.json

@@ -113,6 +113,9 @@
       "justify-between",
       "justify-center",
       "left-0",
+      "lg:!max-w-[1000px]",
+      "lg:!max-w-[6000px]",
+      "lg:!max-w-[600px]",
       "lg:!max-w-[800px]",
       "lg:bg-green-200",
       "lg:block",

layouts/index.html

@@ -180,7 +180,7 @@
         <section>
           <div class="header-with-image">
             <img src="/images/users.png" alt="Image">
-            <h4 class="mb-4">Latest Events</h4>
+            <h4 class="mb-4">Latest News</h4>
           </div>
           <ul class="list">
             {{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }}

public/css/style.css

@@ -2991,14 +2991,15 @@ input#nav-toggle:checked ~ #nav-menu {
 
 .header-with-image {
   display: flex;
-  align-items: center; }
+  align-items: flex-start; }
 
 .header-with-image img {
   margin-right: 10px;
   max-width: 100px;
   /* Adjust as needed */
   max-height: 100px;
-  /* Adjust as needed */ }
+  /* Adjust as needed */
+  align-items: center; }
 
 .read-more-link {
   color: #FF6E00;
@@ -3201,6 +3202,18 @@ input#nav-toggle:checked ~ #nav-menu {
     width: auto;
   }
 
+  .lg\:\!max-w-\[1000px\] {
+    max-width: 1000px !important;
+  }
+
+  .lg\:\!max-w-\[6000px\] {
+    max-width: 6000px !important;
+  }
+
+  .lg\:\!max-w-\[600px\] {
+    max-width: 600px !important;
+  }
+
   .lg\:\!max-w-\[800px\] {
     max-width: 800px !important;
   }

public/index.html

@@ -752,31 +752,31 @@
         <picture>
           <source
             
-              srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_545x0_resize_q80_h2_lanczos_3.webp"
+              srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp"
             
             media="(max-width: 575px)" />
           <source
             
-              srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_600x0_resize_q80_h2_lanczos_3.webp"
+              srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp"
             
             media="(max-width: 767px)" />
           <source
             
-              srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_700x0_resize_q80_h2_lanczos_3.webp"
+              srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp"
             
             media="(max-width: 991px)" />
           <source
             
-              srcset="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_800x0_resize_q80_h2_lanczos_3.webp"
+              srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_800x0_resize_q80_h2_lanczos_3.webp"
              />
           <img
             
               loading="eager" decoding="async"
-              src="/images/checkbox-illustration_hucb4a9deb3a7719a69f6f89f2eb591f34_30800_800x0_resize_lanczos_3.png"
+              src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_800x0_resize_lanczos_3.png"
             class=" mx-auto lg:!max-w-[800px] img"
             alt="Banner image"
-            width="962"
+            width="500"
-            height="728" />
+            height="378" />
         </picture>
       
       
@@ -1058,7 +1058,7 @@
         <h4 class="mb-4">Individuals</h4>
       </div>
 
-      <p class="mb-8 text-lg">2Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
+      <p class="mb-8 text-lg">Always be in control with your own data on social networks, whether that&rsquo;s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.</p>
        
       <a class="btn btn-primary mt-6" href="//localhost:1313/individuals">
         Learn more
@@ -1073,7 +1073,7 @@
         <h4 class="mb-4">Developers</h4>
       </div>
 
-      <p class="mb-8 text-lg">2As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
+      <p class="mb-8 text-lg">As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.</p>
        
       <a class="btn btn-primary mt-6" href="//localhost:1313/developers">
         Learn more
@@ -1088,7 +1088,7 @@
         <h4 class="mb-4">European Commission</h4>
       </div>
 
-      <p class="mb-8 text-lg">2The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
+      <p class="mb-8 text-lg">The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.</p>
        
       <a class="btn btn-primary mt-6" href="//localhost:1313/ec">
         Learn more
@@ -1153,7 +1153,7 @@
         <section>
           <div class="header-with-image">
             <img src="/images/users.png" alt="Image">
-            <h4 class="mb-4">Latest Events</h4>
+            <h4 class="mb-4">Latest News</h4>
           </div>
           <ul class="list">
             

resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content

@@ -2991,14 +2991,15 @@ input#nav-toggle:checked ~ #nav-menu {
 
 .header-with-image {
   display: flex;
-  align-items: center; }
+  align-items: flex-start; }
 
 .header-with-image img {
   margin-right: 10px;
   max-width: 100px;
   /* Adjust as needed */
   max-height: 100px;
-  /* Adjust as needed */ }
+  /* Adjust as needed */
+  align-items: center; }
 
 .read-more-link {
   color: #FF6E00;
@@ -3201,6 +3202,18 @@ input#nav-toggle:checked ~ #nav-menu {
     width: auto;
   }
 
+  .lg\:\!max-w-\[1000px\] {
+    max-width: 1000px !important;
+  }
+
+  .lg\:\!max-w-\[6000px\] {
+    max-width: 6000px !important;
+  }
+
+  .lg\:\!max-w-\[600px\] {
+    max-width: 600px !important;
+  }
+
   .lg\:\!max-w-\[800px\] {
     max-width: 800px !important;
   }

resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content

@@ -1063,14 +1063,15 @@
 
 .header-with-image {
   display: flex;
-  align-items: center; }
+  align-items: flex-start; }
 
 .header-with-image img {
   margin-right: 10px;
   max-width: 100px;
   /* Adjust as needed */
   max-height: 100px;
-  /* Adjust as needed */ }
+  /* Adjust as needed */
+  align-items: center; }
 
 .read-more-link {
   color: #FF6E00;