Build it

The same footer, and now the gaps have to be 32px

EasyGap

The design changed: the footer links are no longer meant to span the width, they are meant to be a group on the left with consistent spacing. space-between is still in the stylesheet and still spreading them across 720px.

The same four links as the earlier footer drill. Put exactly 32px between each pair, with the group packed against the left edge and nothing added after the last link.

Hint

Is the spacing being asked for a share of what is left, or a distance?

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.

<footer class="footer"><a class="flink f1"></a><a class="flink f2"></a><a class="flink f3"></a><a class="flink f4"></a></footer>

*, *::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; }
.footer { width: 720px; height: 56px; background: #16161d; display: flex; align-items: center; }
.flink { height: 20px; background: #2a2a36; }
.f1 { width: 80px; }
.f2 { width: 120px; }
.f3 { width: 96px; }
.f4 { width: 64px; }