diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-23 23:23:34 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-23 23:35:41 +0100 |
| commit | ebd46a8c1ba4e2578f63110d197031cf5b5212e8 (patch) | |
| tree | 85970114d651996a216b5db203ffb423ac2b898e /commun.css | |
| parent | bf627a3cc696c796444288ef872c70a1f58cfc50 (diff) | |
| download | quatuorbellefeuille.com-ebd46a8c1ba4e2578f63110d197031cf5b5212e8.tar.xz | |
"Nail" portraits to the page
- 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.
Diffstat (limited to 'commun.css')
0 files changed, 0 insertions, 0 deletions
