diff --git a/src/components/SkillGroup.astro b/src/components/SkillGroup.astro
index fd7947a..1a61b00 100644
--- a/src/components/SkillGroup.astro
+++ b/src/components/SkillGroup.astro
@@ -141,9 +141,11 @@ const spanClass =
     padding: 5px 10px;
   }
 
-  /* bento collapses gracefully on narrow screens (grid goes 2-col then 1-col
-     in the parent; spans clamp automatically via grid auto-placement) */
-  @media (max-width: 720px) {
+  /* Below 1000px the parent grid is only 2 columns — so the multi-column spans
+     must collapse to full-width HERE, not at 720px. A `span 3` tile left active
+     in a 2-col grid forces a phantom 3rd column and collapses the 1fr tracks
+     (58px 58px 760px), squishing the first tile to ~130px in landscape phone. */
+  @media (max-width: 1000px) {
     .tile--hero,
     .tile--wide,
     .tile--full {