diff --git a/.gitignore b/.gitignore
index 005ef51dfc..ede1fb7892 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,3 +16,4 @@ locale/*/LC_MESSAGES/django.mo
 djangoproject/cache
 djangoproject/static/css/*.map
 djangoproject/static/css/*.css
+venv
diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
index 48b436a088..e84bf035a4 100644
--- a/djangoproject/scss/_style.scss
+++ b/djangoproject/scss/_style.scss
@@ -352,12 +352,16 @@ blockquote {
     //Sidebar in column layouts, gray section in fullwidth layout
     padding: 0 10px 20px;
     @include font-size(14);
+    position: sticky;
+    top: 0;
+    max-height: calc(100vh);
+    overflow-y: auto;
 
     @include respond-min(768px) {
         float: right;
         margin: 20px 0;
         margin-right: 3%;
-        padding: 0 0 40px 0;
+        padding: 0 40px 40px 0;
         width: 30%;
 
         .sidebar-right & {
@@ -392,6 +396,34 @@ blockquote {
         }
     }
 }
+/* Default scrollbar styles */
+[role="complementary"]::-webkit-scrollbar {
+    width: 8px;
+}
+
+[role="complementary"]::-webkit-scrollbar-track {
+    background: transparent; /* Hide track */
+}
+
+[role="complementary"]::-webkit-scrollbar-button {
+    background-color: transparent;
+}
+
+[role="complementary"]::-webkit-scrollbar-thumb {
+    background: #ccc;
+    border-radius: 0;
+}
+
+/* Thumb hover effect */
+[role="complementary"]::-webkit-scrollbar-thumb:hover {
+    background: #aaa; /* Darker on hover */
+}
+
+/* For Firefox */
+[role="complementary"] {
+    scrollbar-width: thin; /* Thin scrollbar */
+    scrollbar-color: #ccc transparent; /* Default thumb color and track color */
+}
 
 [role="secondary"] {
     margin: 0 10px;
@@ -3548,3 +3580,13 @@ ul.corporate-members li {
         color: var(--community-img-fg);
     }
 }
+.homepage-container {
+    width: 100%;
+  }
+
+/* Apply left padding only on full-screen (large screens) */
+@media (min-width: 1200px) { /* Adjust breakpoint as needed */
+    .homepage-container {
+      padding-left: 40px; /* Adjust the padding as needed */
+    }
+  }
diff --git a/djangoproject/templates/base.html b/djangoproject/templates/base.html
index bb664c63f3..cb27da35b5 100644
--- a/djangoproject/templates/base.html
+++ b/djangoproject/templates/base.html
@@ -75,7 +75,7 @@
 
     <div id="billboard">{% block billboard %}{% endblock %}</div>
 
-    <div class="container {% block layout_class %}{% endblock %}">
+    <div class="{% block layout_class %}{% endblock %}">
       <div role="main">
 
         {% block messages %}
diff --git a/djangoproject/templates/homepage.html b/djangoproject/templates/homepage.html
index e981d0023a..7f5bef92f4 100644
--- a/djangoproject/templates/homepage.html
+++ b/djangoproject/templates/homepage.html
@@ -16,56 +16,57 @@ <h1 class="visuallyhidden">Django</h1>
 {% endblock %}
 
 {% block content %}
-  <div class="section">
-    <h1>{% translate "Meet Django" %}</h1>
-    <p>
-      {% blocktranslate trimmed %}
-        Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design.
-        Built by experienced developers, it takes care of much of the hassle of web development, so you can focus
-        on writing your app without needing to reinvent the wheel. It’s free and open source.
-      {% endblocktranslate %}
-    </p>
-    <dl class="list-features">
-      <dt><i class="icon icon-bolt"></i> {% translate "Ridiculously fast." %}</dt>
-      <dd>
-        <p>{% translate "Django was designed to help developers take applications from concept to completion as quickly as possible." %}</p>
-      </dd>
+  <div class="homepage-container">
+    <div class="section">
+      <h1>{% translate "Meet Django" %}</h1>
+      <p>
+        {% blocktranslate trimmed %}
+          Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design.
+          Built by experienced developers, it takes care of much of the hassle of web development, so you can focus
+          on writing your app without needing to reinvent the wheel. It’s free and open source.
+        {% endblocktranslate %}
+      </p>
+      <dl class="list-features">
+        <dt><i class="icon icon-bolt"></i> {% translate "Ridiculously fast." %}</dt>
+        <dd>
+          <p>{% translate "Django was designed to help developers take applications from concept to completion as quickly as possible." %}</p>
+        </dd>
 
-      <dt><i class="icon icon-lock"></i> {% translate "Reassuringly secure." %}</dt>
-      <dd>
-        <p>{% translate "Django takes security seriously and helps developers avoid many common security mistakes." %}</p>
-      </dd>
+        <dt><i class="icon icon-lock"></i> {% translate "Reassuringly secure." %}</dt>
+        <dd>
+          <p>{% translate "Django takes security seriously and helps developers avoid many common security mistakes." %}</p>
+        </dd>
 
-      <dt><i class="icon icon-dashboard"></i> {% translate "Exceedingly scalable." %}</dt>
-      <dd>
-        <p>{% translate "Some of the busiest sites on the web leverage Django’s ability to quickly and flexibly scale." %}</p>
-      </dd>
-    </dl>
+        <dt><i class="icon icon-dashboard"></i> {% translate "Exceedingly scalable." %}</dt>
+        <dd>
+          <p>{% translate "Some of the busiest sites on the web leverage Django’s ability to quickly and flexibly scale." %}</p>
+        </dd>
+      </dl>
 
-    <a href="{% url 'overview' %}" class="cta outline">{% translate "Learn more about Django" %}</a>
-  </div>
+      <a href="{% url 'overview' %}" class="cta outline">{% translate "Learn more about Django" %}</a>
+    </div>
 
-  <div class="section">
-    <h2>{% translate "Join the Community" %}</h2>
-    <div class="community-cta-wrapper">
-      <a href="https://forum.djangoproject.com/" class="community-cta-a">
-        <div class="community-cta">
-          <div>
-            {% include "svg_logos/forum.html" %}
+    <div class="section">
+      <h2>{% translate "Join the Community" %}</h2>
+      <div class="community-cta-wrapper">
+        <a href="https://forum.djangoproject.com/" class="community-cta-a">
+          <div class="community-cta">
+            <div>
+              {% include "svg_logos/forum.html" %}
+            </div>
+            <h3>{% translate "Forum - Post a question" %}</h3>
           </div>
-          <h3>{% translate "Forum - Post a question" %}</h3>
-        </div>
-      </a>
-      <a href="https://chat.djangoproject.com" class="community-cta-a">
-        <div class="community-cta">
-          <div>
-            {% include "svg_logos/discord.html" %}
+        </a>
+        <a href="https://chat.djangoproject.com" class="community-cta-a">
+          <div class="community-cta">
+            <div>
+              {% include "svg_logos/discord.html" %}
+            </div>
+            <h3>{% translate "Discord - Chat with us" %}</h3>
           </div>
-          <h3>{% translate "Discord - Chat with us" %}</h3>
-        </div>
-      </a>
+        </a>
+      </div>
     </div>
-  </div>
 
     {% comment %}
 
@@ -99,11 +100,12 @@ <h3 class="logo" title="Knight Foundation">Knight Foundation</h3>
     </div>
 
     {% endcomment %}
-
+  </div>
     <!-- END #content-secondary -->
 {% endblock %}
 
 {% block content-related %}
+
   <div role="complementary">
     <a href="{% url 'download' %}" class="cta">
       {% blocktranslate trimmed %}