Posts Tagged "images"

The logo and header image used on this site are placeholders; when you use Flatiron on your site, you’ll probably want to change both.

Both images are located in themes/flatiron/images
The logo image should be 96px high, and should be flush with the side edges (Flatiron will insert its own padding)
The header image should be 96px high [...]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elit urna, ultrices in vestibulum eget, viverra eu libero. Cras rutrum tincidunt nibh in vestibulum. Proin accumsan adipiscing nulla in dapibus. Nullam ornare porttitor posuere. Suspendisse pulvinar rutrum odio, sit amet auctor purus pharetra id. Pellentesque faucibus tincidunt luctus. Ut dictum lobortis iaculis. Vestibulum auctor neque [...]

A big deal has been made of Flatiron’s impeccable baseline grid, which keeps text precisely aligned. But what happens when an image is added to the mix? Since images can be any height, it’s difficult to ensure the text stays on the grid when a picture is added.
To keep images aligned with the baseline grid, [...]