feat: layout improvements

Author: herzog0

static/css/v3/library-subpage.css

@@ -75,13 +75,16 @@ body:has(.is_flagship) .library-subpage-container {
 .card-masonry-bottom {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  grid-template-areas: "a a b";
+  grid-template-areas:
+    "d d d"
+    "a a b";
   row-gap: var(--space-card);
   column-gap: var(--space-card);
 }
 
 .card-masonry-bottom .item-a { grid-area: a; }
 .card-masonry-bottom .item-b { grid-area: b; }
+.card-masonry-bottom .item-d { grid-area: d; }
 
 /* ── Card max-width overrides ────────────────────────────────────────────── */
 

templates/v3/libraries/detail.html

@@ -26,9 +26,6 @@
         <div class="item-a">
           {% include "v3/includes/_code_block_card.html" with heading="About "|add:object.display_name description=library_version.description|default:object.description code=library_about_code language="cpp" card_variant="neutral" button_text="Explore examples" button_url=documentation_url|default:"#" button_aria_label="Explore examples for "|add:object.display_name %}
         </div>
-        <div class="item-d item-d--tablet">
-          {% include "v3/includes/_contributors_list.html" with title="Contributors: This Release" variant="release" contributors=this_release_contributors heading_level="2" %}
-        </div>
       </div>
       <div class="masonry-col masonry-col--2">
         <div class="item-b">
@@ -37,21 +34,21 @@
         <div class="item-c">
           {% include "v3/includes/_code_block_card.html" with heading="Install" description="Get started with header-only libraries" code=library_install_code language="bash" card_variant="teal" %}
         </div>
-        <div class="item-e item-e--tablet">
+        <div class="item-e">
           {% include "v3/includes/_dependencies_card.html" with dependencies=dependencies_list %}
         </div>
       </div>
       <div class="masonry-col masonry-col--3" aria-hidden="true">
         <div class="item-d item-d--desktop">
           {% include "v3/includes/_contributors_list.html" with title="Contributors: This Release" variant="release" contributors=this_release_contributors heading_level="2" %}
         </div>
-        <div class="item-e item-e--desktop">
-          {% include "v3/includes/_dependencies_card.html" with dependencies=dependencies_list %}
-        </div>
       </div>
     </div>
 
     <div class="card-masonry-bottom">
+      <div class="item-d item-d--tablet">
+        {% include "v3/includes/_contributors_list.html" with title="Contributors: This Release" variant="all" contributors=this_release_contributors heading_level="2" %}
+      </div>
       <div class="item-a">
         {% include "v3/includes/_post_card.html" with heading="Latest "|add:object.display_name|add:" posts" items=library_posts variant="card" theme="teal" layout="horizontal" primary_cta_label="View all posts" primary_cta_url="/news/" %}
       </div>