|
I'm flinging random CSS attributes at this beast about as gracefully
as Aloy trying to pin down a Thunderjaw.
Someone needs to make a GIF of firing a ropecaster with "position:
absolute", "self-align: center", "justify-content: center", "height:
100%", "display: grid" etc. zooming past with each bolt; it ends with
the giant roaring robot dinosaur breaking free, of course.
|
|
- Fixup #photos height: no sense using viewport units when the header
and the footer can grow big enough to overlap on this absolute
length.
- Fixup #photos img height: with the above fix to #photos, 100% of a
grid element now takes roughly half the div, modulo padding.
- Displace portraits symmetrically around the grid's center; this
helps maintain the fourth portrait high enough that it does not go
below the div.
Otherwise, when the portrait *does* get below the div, Firefox
glitches: it shows a scrollbar, presumably to allow me to see the rest
of the portrait, except that for some reason (#photos's sticky
position? 🤷), scrolling never happens, and I can scroll infinitely
downward.
|
