homepage sizing

index.html

@@ -10,14 +10,14 @@
     {% if jekyll.environment == "development" %}{% include dev-info.html %}{% endif %}
     {% include topnav.html search=false %}
     <div class="landingpage">
-        <section class="container mb-5">
+        <section class="container g-lg-5 mb-5">
             <div>
                 <h1>The Research Data Management toolkit for Life Sciences</h1>
                 <p class="text-center mt-2">Best practices and guidelines to help you make your data FAIR (Findable, Accessible, Interoperable and Reusable)</p>
             </div>
         </section>
         <section id="search-section" class="bg-light py-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <div class="row">
                     <h2 class="no-anchor text-center mb-3">What can we help you find?</h2>
                     <div class="position-relative">
@@ -34,7 +34,7 @@ <h2 class="no-anchor text-center mb-3">What can we help you find?</h2>
             </div>
         </section>
         <section class="bg-light pb-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <h2 class="no-anchor text-center mb-3">Browse all topics by</h2>
                 {%- assign sidebar = site.data.sidebars[page.sidebar] %}
                 <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 g-4">
@@ -56,7 +56,7 @@ <h3 class="card-title no-anchor text-dark">{{folder.title}}</h3>
             </div>
         </section>
         <section class="py-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <h2 class="no-anchor text-center mb-4">Research Data Management at glance</h2>
                 <div class="d-flex">
                     <div class="ratio ratio-16x9 mx-auto" style="max-width: 600px;">
@@ -66,7 +66,7 @@ <h2 class="no-anchor text-center mb-4">Research Data Management at glance</h2>
             </div>
         </section>
         <section class="py-5 bg-light">
-            <div class="container">
+            <div class="container g-lg-5">
                 <div class="row">
                     <div class="col-lg-2 my-auto">
                         <img class="h-icon-8" src="{{ '/assets/img/section-icons/community.svg' | relative_url }}" alt="Contributors icon">
@@ -84,7 +84,7 @@ <h2>We welcome contributors!</h2>
             </div>
         </section>
         <section class="py-5">
-            <div class="container">
+            <div class="container g-lg-5">
                 <div class="row">
                     <div class="col-lg-6 pe-lg-4">
                     {% include news.html caption=true title=true limit=3 %}
@@ -111,7 +111,7 @@ <h2>Events</h2>
             </div>
         </section>
         <section class="py-5 bg-light">
-            <div class="container">
+            <div class="container g-lg-5">
                 <h2 class="mb-3">RDMkit in numbers</h2>
                 {%- assign contributors = site.data.CONTRIBUTORS %}
                 {%- for page in site.pages %}