Public Access
634f4fcdf1e6c6f44671b2bf4fee3d3a14ccf401
The card reads as three blocks — the head/clients/focus block at the top,
the description centred in the free space, and the charts + ask row + links
block sitting on the card's floor. Two CSS lines and two renderer lines do it:
.dev-bio margin-block: auto — the auto margins absorb the card's free
space equally above and below the description, so it centres
between the two blocks and everything after it is pushed down
onto the floor. No wrapper element, no markup change, and the
description is never clipped to fit.
.dev-links min-height: 36px — the row's line is reserved at the height
its 36 px hit areas already give it.
renderer the .dev-links row and the .dev-bio container are ALWAYS in the
DOM, even with nothing in them. An absent container is what lets
the ask row drop a line (0 links) or float up off the floor (no
description — optional on the application form). Reserved, not
filled: no empty anchor, no empty icon, no placeholder text, and
a record's own words are rendered as given.
Languages
HTML
91.6%
JavaScript
6.3%
CSS
2.1%