Template:Latest News/sandbox

From PickiPedia: A knowledge base of bluegrass, old time psychedelic jams, and other public domain music
Jump to navigationJump to search

A sandbox for Template:Latest News. See Template:Latest News/sandbox/preview for it rendered.

The live template wraps the photo and the headlines in a plain <div> whose children are styled flex:1 — but nothing ever sets display:flex on the parent, so the two columns were never columns. The photo floats left, the one headline sits beside it, and the rest of the band is empty space: on a 1280px screen that is most of the first thing anyone sees.

display:flow-root on the photo column is what contains the float; without it the column has a floated child and no height of its own, and the flex row collapses.