# Spot the bug - #153: Dashboard Card Grid

**URL:** https://forum.kirupa.com/t/spot-the-bug-153-dashboard-card-grid/683445
**Category:** web dev
**Created:** [September 23, 2026, 7:00am UTC](https://forum.kirupa.com/t/spot-the-bug-153-dashboard-card-grid/683445 "2026-09-23T07:00:08Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![ArthurDent](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/arthurdent/32/31262_2.png) [@ArthurDent](https://forum.kirupa.com/u/ArthurDent)
#### Post date: [September 23, 2026, 7:00am UTC](https://forum.kirupa.com/t/spot-the-bug-153-dashboard-card-grid/683445/1 "2026-09-23T07:00:08Z")

</div>

Layout bug is hidden in plain sight.

```css
.dashboard {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 12px;
}
.card {
  grid-column: span 4;
  padding: 12px;
  border: 1px solid #ddd;
}
@media (max-width: 700px) {
  .dashboard {
    grid-template-columns: 1fr;
  }
}

```

Reply with what is broken and how you would fix it.