COMMUNITIES

Image Gallery with Variants of Overlay Text

A small image gallery with six pictures – styled with CSS Flexbox and 'position:absolute'. The text above the pictures can be seen at six (of nine possible) different positions. As standard I've set "top center" and derived the variants from there.

Mission Terrace

Terra Serena Luna
Milpitas

Bottom Center

Top Right

Center Left

Bottom Right

Multiple Caption Overlays

Top Center

align-self: flex-end

align-self: flex-start

Center Center

align-self: flex-end

align-self: center

Bottom Center

Contact Me