Build it

Make the three metric tiles exactly equal width

EasySizing

Three dashboard tiles, and each one is as wide as the word inside it. 'Churn' gets a narrow box and 'Subscribers' gets a wide one, so the dashboard looks like it was laid out by accident.

Make all three tiles in .stats exactly the same width, together filling the row with the 12px gutters intact. At 720px wide that is 232px each.

Hint

`flex` takes three values and you are probably thinking about the first. Which one decides where the sizing starts from?

Live preview1000×700

Your stylesheet

checked in a real browser, four ways

The fixture — markup and base stylesheet

You cannot change either of these. They are what your selectors have to reach, and they are the same ones the judge renders.

<div class="stats"><div class="tile">Users</div><div class="tile">MRR</div><div class="tile">Churn</div></div>

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #0b0b0f; color: #e8e8ef; font: 16px/1.4 system-ui, -apple-system, sans-serif; }
.stats { width: 720px; height: 140px; background: #0f0f14; display: flex; gap: 12px; }
.tile { height: 140px; padding: 12px; background: #16161d; }