diff --git a/_includes/package-grid.html b/_includes/package-grid.html
index b8a911a7..98ea2a9c 100644
--- a/_includes/package-grid.html
+++ b/_includes/package-grid.html
@@ -1,65 +1,55 @@
-<div class="element-item cards bubble {% for aCategory in apackage.categories %}
+<div class="element-item package-card {% for aCategory in apackage.categories %}
 {{ aCategory }}
 {% endfor %}" data-category="data">
-    <article itemscope itemtype="https://schema.org/SoftwareApplication">
-        <h3 class="card__title no_toc" itemprop="name">
-            {{ apackage.package_name }}
-        </h3>
-        <p class="page__meta contributors">
-            <span><i class="fas fa-feather" aria-hidden="true"></i>
-            {% if apackage.all_current_maintainers %}
-                {% for maintainer in apackage.all_current_maintainers %}
-                    <a href="https://github.com/{{ maintainer.github_username }}" rel="maintainer" target="_blank">
-                        {% if maintainer.name %}
-                            {{ maintainer.name }}{% if forloop.last == false %},{% endif %}
-                        {% else %}
-                            {{ maintainer.github_username }}{% if forloop.last == false %},{% endif %}
-                        {% endif %}
-                    </a>
-                {% endfor %}
-            {% elsif apackage.submitting_author.name != 'Name' %}
-                <a href="https://github.com/{{ apackage.submitting_author.github_username }}" rel="maintainer" target="_blank">
-                    {{ apackage.submitting_author.name }}
-                </a>
-            {% else %}
-                <a href="https://github.com/{{ apackage.submitting_author.github_username }}" rel="maintainer" target="_blank">
-                    {{ apackage.submitting_author.github_username }}
-                </a>
-            {% endif %}
-            </span>
-        </p>
-        <span class="package_description">
-            <p itemprop="description">
-                {{ apackage.package_description | markdownify }}
-            </p>
-        </span>
-        <ul>
-            <li><a href="{{ apackage.repository_link }}" rel="permalink"><i class="fab fa-github"></i> View Code</a></li>
-            {% if apackage.gh_meta.documentation %}
-                <li><a href="{{ apackage.gh_meta.documentation }}" rel="permalink"><i class="fas fa-book-open"></i> View Docs</a></li>
-            {% endif %}
-            {% if apackage.citation-link %}
-                <li><a href="{{ apackage.archive }}" rel="permalink"><i class="fas fa-bookmark fa-fw"></i> Cite</a></li>
-            {% endif %}
-            <li><a href="{{ apackage.issue_link }}"><i class="fa-solid fa-user-pen"></i> View Review</a></li>
-            {% if apackage.joss %}
-                <li><a href="{{ apackage.archive }}" rel="permalink"><i class="fas fa-bookmark fa-fw"></i> JOSS Approved</a></li>
-            {% endif %}
-            {% if apackage.partners contains "astropy" %}
-                <li><a href="communities/astropy.html"><i class="fa-solid fa-check-double"></i> <img src="https://img.shields.io/badge/Affiliated-Astropy-orange.svg?style=flat" alt="Astropy" /></a></li>
-            {% endif %}
-            {% if apackage.active == false %}
-                <li><i class="fa-solid fa-box-archive"></i> Archived</li>
-            {% endif %}
-        </ul>
-        <hr>
-        {% if include.community %}
-            <h4>Package stats</h4>
-            <ul>
-                <li><strong>All Time Contributors:</strong> {{ apackage.gh_meta.contrib_count }}</li>
-                <li><strong>Last Commit date:</strong> {{ apackage.gh_meta.last_commit }}</li>
-                <li><strong>Date Created:</strong> {{ apackage.gh_meta.created_at }}</li>
-            </ul>
+  <div class="package-card__content">
+    <h3 class="package-card__title" itemprop="name">
+      {{ apackage.package_name }}
+    </h3>
+
+    <div class="package-card__meta">
+      <i class="fas fa-feather" aria-hidden="true"></i>
+      <span class="package-card__maintainers">
+        {% if apackage.all_current_maintainers %}
+          {% for maintainer in apackage.all_current_maintainers %}
+            <a href="https://github.com/{{ maintainer.github_username }}" rel="maintainer" target="_blank">
+              {% if maintainer.name %}
+                {{ maintainer.name }}{% if forloop.last == false %},{% endif %}
+              {% else %}
+                {{ maintainer.github_username }}{% if forloop.last == false %},{% endif %}
+              {% endif %}
+            </a>
+          {% endfor %}
+        {% elsif apackage.submitting_author.name != 'Name' %}
+          <a href="https://github.com/{{ apackage.submitting_author.github_username }}" rel="maintainer" target="_blank">
+            {{ apackage.submitting_author.name }}
+          </a>
+        {% else %}
+          <a href="https://github.com/{{ apackage.submitting_author.github_username }}" rel="maintainer" target="_blank">
+            {{ apackage.submitting_author.github_username }}
+          </a>
         {% endif %}
-    </article>
+      </span>
+    </div>
+
+    <div class="package-card__description" itemprop="description">
+      {{ apackage.package_description | markdownify }}
+    </div>
+
+    <ul class="package-card__links">
+      <li><a href="{{ apackage.repository_link }}" rel="permalink"><i class="fab fa-github" aria-hidden="true"></i> View Code</a></li>
+      {% if apackage.gh_meta.documentation %}
+        <li><a href="{{ apackage.gh_meta.documentation }}" rel="permalink"><i class="fas fa-book-open" aria-hidden="true"></i> View Docs</a></li>
+      {% endif %}
+      <li><a href="{{ apackage.issue_link }}"><i class="fa-solid fa-user-pen" aria-hidden="true"></i> View Review</a></li>
+      {% if apackage.joss %}
+        <li><a href="{{ apackage.archive }}" rel="permalink"><i class="fas fa-bookmark fa-fw" aria-hidden="true"></i> JOSS Approved</a></li>
+      {% endif %}
+      {% if apackage.partners contains "astropy" %}
+        <li><a href="communities/astropy.html"><i class="fa-solid fa-check-double" aria-hidden="true"></i> <img src="https://img.shields.io/badge/Affiliated-Astropy-orange.svg?style=flat" alt="Astropy" /></a></li>
+      {% endif %}
+      {% if apackage.active == false %}
+        <li class="package-card__archived"><i class="fa-solid fa-box-archive" aria-hidden="true"></i> Archived</li>
+      {% endif %}
+    </ul>
+  </div>
 </div>
diff --git a/_includes/people-grid.html b/_includes/people-grid.html
index 9f8f3d8b..33f82169 100644
--- a/_includes/people-grid.html
+++ b/_includes/people-grid.html
@@ -1,63 +1,74 @@
 
-<div class="element-item cards {% for aType in aperson.contributor_type %}
+{% assign use_isotope = include.isotope | default: false %}
+
+{% if use_isotope == true %}
+<div class="element-item cards people-card {% for aType in aperson.contributor_type %}
   {{ aType }}
-  {% endfor %}
-  " data-category="data">
+  {% endfor %}" data-category="data">
+{% else %}
+<div class="cards people-card">
+{% endif %}
+  <div class="people-card__content">
+    {% if aperson.github_image_id %}
+      <div class="person_img">
+        <img src="https://avatars1.githubusercontent.com/u/{{ aperson.github_image_id }}?s=400&v=4" alt="GitHub photo of {{ aperson.name }}">
+      </div>
+    {% endif %}
 
-    <article class="archive__item" itemscope="" itemtype="https://schema.org/CreativeWork">
-        {% if aperson.github_image_id %}
-          <div class="person_img">
-            <img src="https://avatars1.githubusercontent.com/u/{{ aperson.github_image_id }}?s=400&v=4" alt="GitHub photo of {{ aperson.name }}">
-          </div>
+    <h4 class="person_name">
+      <a href="https://github.com/{{ aperson.github_username }}" rel="permalink">
+        {% if aperson.name %}
+          {{ aperson.name }}
+        {% else %}
+          @{{ aperson.github_username }}
         {% endif %}
-      <h4 class="person_name" itemprop="headline">
-          <a href="https://github.com/{{ aperson.github_username }}" rel="permalink">
-            {% if aperson.name %}
-              {{ aperson.name }}
-            {% else %}
-              @{{ aperson.github_username }}
-            {% endif %}
-         </a>
-      </h4>
-      <p class="page__meta">
-        {% if aperson.partners %}
+      </a>
+    </h4>
+
+    <p class="page__meta">
+      {% if aperson.partners %}
         <span>
           {{ aperson.partners | join: ', ' }}
         </span>
-        {% endif %}
-        </p>
-      <p class="page__meta">
+      {% endif %}
+    </p>
+
+    <p class="page__meta">
       {% if aperson.title %}
-      <span>
-        {{ aperson.title | join: ', ' }}
-      </span>
+        <span>
+          {{ aperson.title | join: ', ' }}
+        </span>
       {% endif %}
-      </p>
-      <p class="contrib_org" itemprop="organization"> {{ aperson.organization }} </p>
-      <div class="ppl_social">
+    </p>
+
+    <p class="contrib_org">{{ aperson.organization }}</p>
+
+    <div class="ppl_social">
       {% if aperson.twitter %}
-      <a href="https://www.twitter.com/{{ aperson.twitter }}">
-        <span class="fa-brands fa-twitter" title="Click to view {{ aperson.title }}'s Twitter account"></span>
-      </a>
+        <a href="https://www.twitter.com/{{ aperson.twitter }}">
+          <span class="fa-brands fa-twitter" title="Click to view {{ aperson.title }}'s Twitter account"></span>
+        </a>
       {% endif %}
       {% if aperson.github_username %}
-      <a href="https://github.com/{{ aperson.github_username }}"><span class="fa-brands fa-github" title="Click to view {{ aperson.title }}'s GitHub account"></span>
-      </a>
+        <a href="https://github.com/{{ aperson.github_username }}">
+          <span class="fa-brands fa-github" title="Click to view {{ aperson.title }}'s GitHub account"></span>
+        </a>
       {% endif %}
       {% if aperson.website %}
-      <a href="{{ aperson.website }}" data-proofer-ignore><span class="fa-solid fa-blog" title="Click to view {{ aperson.title }}'s Website"></span>
-      </a>
+        <a href="{{ aperson.website }}" data-proofer-ignore>
+          <span class="fa-solid fa-blog" title="Click to view {{ aperson.title }}'s Website"></span>
+        </a>
       {% endif %}
       {% if aperson.orcidid %}
-      <a href="https://orcid.org/{{ aperson.orcidid }}"><span class="fa-brands fa-orcid" title="Click to view {{ aperson.title }} on fa-orcid"></span>
-      </a>
+        <a href="https://orcid.org/{{ aperson.orcidid }}">
+          <span class="fa-brands fa-orcid" title="Click to view {{ aperson.title }} on fa-orcid"></span>
+        </a>
       {% endif %}
-
       {% if aperson.mastodon %}
-      <a href="{{ aperson.mastodon }}">
-        <span class="fa-brands fa-mastodon" title="{{ aperson.name }} is on Mastadon"></span>
-      </a>
+        <a href="{{ aperson.mastodon }}">
+          <span class="fa-brands fa-mastodon" title="{{ aperson.name }} is on Mastadon"></span>
+        </a>
       {% endif %}
     </div>
-    </article>
   </div>
+</div>
diff --git a/_pages/contributors.md b/_pages/contributors.md
index 807b0f7e..f7580d55 100644
--- a/_pages/contributors.md
+++ b/_pages/contributors.md
@@ -24,7 +24,7 @@ by an expert team of volunteer advisory members who help steer the direction of
 
 <div class="grid executive-council-grid">
 {% for aperson in advisory_sorted %}
-  {% include people-grid.html  %}
+  {% include people-grid.html %}
 {% endfor %}
 </div>
 
@@ -46,7 +46,7 @@ the organization.
 
 <div class="grid advisory-council-grid">
 {% for aperson in advisory_working %}
-  {% include people-grid.html  %}
+  {% include people-grid.html %}
 {% endfor %}
 </div>
 
@@ -64,7 +64,7 @@ leadership councils.
 <div class="grid emeritus-council-grid">
 {% for aperson in emeritus_advisory %}
   {{ aperson.person_name }}
-    {% include people-grid.html  %}
+    {% include people-grid.html %}
 {% endfor %}
 </div>
 
@@ -81,7 +81,7 @@ leadership councils.
 
 <div class="grid advisory-council-grid">
 {% for aperson in editorial %}
-  {% include people-grid.html  %}
+  {% include people-grid.html %}
 {% endfor %}
 </div>
 
@@ -117,6 +117,6 @@ pyOpenSci has a diverse and vibrant community of pythonistas! To date,
 <div class="grid-isotope">
  <div class="grid-sizer"></div>
 {% for aperson in ppl_sorted %}
-  {% include people-grid.html %}
+  {% include people-grid.html isotope=true %}
 {% endfor %}
 </div>
diff --git a/_pages/python-packages.md b/_pages/python-packages.md
index d9c7d9b0..2d201139 100644
--- a/_pages/python-packages.md
+++ b/_pages/python-packages.md
@@ -47,7 +47,8 @@ To view packages affiliated with our partner communities that are a part of ourp
 </div>
 
 <!-- Active Packages -->
-<div class="grid-isotope">
+<div class="grid-isotope package-grid-isotope">
+  <div class="grid-sizer"></div>
 {% for apackage in packages_sorted %}
   {% if apackage.active == true %}
     {% include package-grid.html %}
@@ -60,7 +61,8 @@ To view packages affiliated with our partner communities that are a part of ourp
 Archived packages are packages that have successfully completed [pyOpenSci's software peer review process](https://www.pyopensci.org/about-peer-review/index.html) but are no longer maintained. [Check out our software maintenance policy for how we determine when a package becomes archived.](https://www.pyopensci.org/software-peer-review/our-process/policies.html#package-maintenance-and-maintainer-responsiveness)
 
 <!-- Archived Packages -->
-<div class="grid-isotope">
+<div class="grid-isotope package-grid-isotope">
+  <div class="grid-sizer"></div>
 {% for apackage in packages_sorted %}
   {% if apackage.active == false %}
     {% include package-grid.html %}
diff --git a/_sass/minimal-mistakes/_pyos-grid.scss b/_sass/minimal-mistakes/_pyos-grid.scss
index 15e71e41..fc782808 100644
--- a/_sass/minimal-mistakes/_pyos-grid.scss
+++ b/_sass/minimal-mistakes/_pyos-grid.scss
@@ -163,30 +163,19 @@ $colors: (
 // do not adjust the display or structure of the cards element.
 /* Package cards splash */
 
-.element-item.cards {
-  padding: 0;
-  margin: 2em;
-}
-
+// Base card styles - shared by both people and package cards
 .cards {
   top: 0px;
   position: relative;
   background-color: #fff;//#fcfbf5;
   text-decoration: none;
-  z-index: 0;
+  z-index: 1;
   overflow: hidden;
   font-size: .8em;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
   margin-right: auto!important;
   margin-left: auto!important;
 
-  // Remove padding from top for person images
-  .person_img {
-    margin-top: 0;
-    margin-left: 0;
-    margin-right: 0;
-  }
-
   &__image {
     max-height: calc($small / 3);
     overflow: hidden;
@@ -549,3 +538,24 @@ $colors: (
 
     }
 }
+
+// Isotope grid cards - override base .cards auto margins that break isotope layout
+.grid-isotope .element-item.cards {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+// People cards in isotope grid - specific styling
+.grid-isotope .element-item.cards.people-card {
+  padding: 0;
+  margin: 8px;
+
+  // Remove padding from top for person images
+  .person_img {
+    margin-top: 0;
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+
+// Package cards in isotope grid - styles are now in _pyos-isotope.scss
diff --git a/_sass/minimal-mistakes/_pyos-isotope.scss b/_sass/minimal-mistakes/_pyos-isotope.scss
index dc63c6b5..f41fd407 100644
--- a/_sass/minimal-mistakes/_pyos-isotope.scss
+++ b/_sass/minimal-mistakes/_pyos-isotope.scss
@@ -2,6 +2,12 @@
 /* ---- isotope styles  ---- */
 * { box-sizing: border-box; }
 
+// Isotope grid column widths - separate for people and packages
+// People cards: 25% = 4 columns
+$isotope-column-width: 25%;
+// Package cards: 33.33% = 3 columns
+$package-column-width: 33.33%;
+
 // body {
 //   font-family: $body-font!important;
 // }
@@ -98,10 +104,26 @@ input[type="text"] {
 
 /* ---- grid ---- */
 
+/* Grid isotope container - must contain floats and establish proper layout */
+.grid-isotope {
+  position: relative;
+  width: 100%;
+  margin: 1em 0;
+  padding: 0;
+}
 
 /* Layout */
 .grid-sizer {
-  width: 22.5%;
+  width: $isotope-column-width;
+  /* Isotope needs to measure this element */
+  visibility: hidden;
+  height: 0;
+  overflow: hidden;
+}
+
+/* Package grid uses different column width */
+.package-grid-isotope .grid-sizer {
+  width: $package-column-width;
 }
 
 
@@ -111,22 +133,168 @@ input[type="text"] {
   width: auto;
 }
 
+
 .element-item {
   position: relative;
   float: left;
-  width: 22.5%;
-  margin: 8px;
-  padding: 15px;
+  padding: 0;
   box-sizing: border-box;
-}
+  display: block;
+  visibility: visible;
+  opacity: 1;
 
-@media screen and (max-width:1199px) {
-  .element-item {
-   width: 22.5%;
+  // People cards - override isotope defaults
+  &.people-card {
+    padding: 0 !important;
+    margin: 20px;
+    // Account for 25px margins on each side (50px total)
+    width: calc(#{$isotope-column-width} - 50px);
   }
- }
+}
 
 .element-item > * {
   margin: 0;
   padding: 0;
 }
+
+/* ---- Package Cards - Separate concerns ---- */
+
+.element-item.package-card {
+  margin: 8px;
+  padding: 0;
+  overflow: visible;
+  // Account for 8px margins on each side (16px total)
+  width: calc(#{$package-column-width} - 16px);
+
+  .package-card__content {
+    background: #fff;
+    border: 1px solid #e0e0e0;
+    border-top: 10px solid $pyos-darkpurple;
+    border-radius: 8px;
+    padding: 1.5em;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    transition: box-shadow 0.2s ease, transform 0.2s ease;
+    position: relative;
+    overflow: visible;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+      transform: translateY(-2px);
+    }
+  }
+
+  .package-card__title {
+    font-size: 1.25em;
+    font-weight: 600;
+    margin: 0 0 0.75em 0;
+    color: #333;
+    line-height: 1.3;
+  }
+
+  .package-card__meta {
+    font-size: 0.875em;
+    color: #666;
+    margin-bottom: 1em;
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+
+    i {
+      color: #999;
+    }
+
+    a {
+      color: #666;
+      text-decoration: none;
+
+      &:hover {
+        color: $pyos-darkpurple;
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .package-card__description {
+    font-size: 0.9375em;
+    line-height: 1.6;
+    color: #555;
+    margin-bottom: 1.25em;
+    flex-grow: 1;
+
+    p {
+      margin: 0;
+    }
+  }
+
+  .package-card__links {
+    list-style-type: none;
+    margin-left: 0;
+    margin-top: auto;
+    padding: 0.2em;
+    padding-top: 1em;
+    border-top: 1px solid #f0f0f0;
+
+    li {
+      font-size: 1rem;
+      margin-bottom: 0.3em;
+
+      a {
+        text-decoration: none;
+        color: $pyos-darkpurple;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.4em;
+        transition: color 0.2s ease;
+
+        &:hover {
+          color: darken($pyos-darkpurple, 10%);
+        }
+
+        i {
+          font-size: 0.9em;
+        }
+
+        img {
+          height: 18px;
+          vertical-align: middle;
+        }
+      }
+
+      // Archived badge styling
+      &.package-card__archived {
+        color: #999;
+        font-size: 0.875em;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.4em;
+      }
+    }
+  }
+}
+
+// Responsive adjustments for package cards
+@media screen and (max-width: 1199px) {
+  .element-item.package-card {
+    width: calc(#{$package-column-width} - 16px);
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .element-item.package-card {
+    width: calc(50% - 16px);
+
+    .package-card__content {
+      padding: 1.25em;
+    }
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .element-item.package-card {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+  }
+}