Build it

The same dialog footer, and now they have to sit at the bottom

EasyAlignment

The footer got taller to make room for a checkbox and the buttons stayed stuck to the top of it. Adding justify-content: flex-end again did nothing — it was already there.

.actions is the dialog footer from three drills ago, now 96px tall. Keep the buttons against the trailing edge and move them down to the BOTTOM of the footer.

Hint

The request sounds like the earlier one. Is it about the same axis?

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="actions"><div class="btn"></div><div class="btn"></div><div class="btn"></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; }
.actions { width: 520px; height: 96px; background: #16161d; display: flex; justify-content: flex-end; gap: 12px; }
.btn { width: 96px; height: 36px; background: #2a2a36; }