Build it

Hold the terminal output at the bottom — in the order it was written

EasyDistributing space

A build log with four lines in a pane sized for twenty. The output floats at the top of an empty box, and column-reverse — which fixed the chip stack — puts the newest line at the top and reads backwards.

Keep the lines in the order they were written, .l1 through .l4 top to bottom, and rest the whole block on the BOTTOM edge of .pane with its 4px gaps.

Hint

The chip drill needed the order inverted. Does this one?

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="pane"><div class="line l1"></div><div class="line l2"></div><div class="line l3"></div><div class="line l4"></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; }
.pane { width: 340px; height: 260px; background: #16161d; display: flex; flex-direction: column; gap: 4px; }
.line { width: 340px; height: 36px; background: #2a2a36; }
.l4 { background: #7cd4a0; }