terraform/website/source/assets/stylesheets/_community.scss

.people {
    margin-top: 30px;

    .person {
        margin-bottom: 40px;
        min-height: 165px; // enough space for five lines of bio text

        h3 {
            text-transform: none;
        }

        img {
            width: 125px;
            margin: auto auto;
        }

        .bio {
            padding-left: 150px;
        }
    }
}
website: initial commit 2014-07-16 23:51:48 +02:00			`.people {`
			`margin-top: 30px;`

			`.person {`
			`margin-bottom: 40px;`
website: community people pics consistently spaced Most of the bios have five lines of text, so that's the driver for the layout except for @grubernaut's and @mbfrahry's where there's only three lines. This makes the pictures following the short bios look misaligned. This quick fix just always leaves enough room for five lines of bio text, ensuring that the photos appear at a consistent vertical rhythm. It's annoying to hard-code a particular value here, since this value won't survive e.g. a change to the typesetting, but a more involved fix here (using flexbox layout, or something else complicated) doesn't seem warranted. 2017-03-29 18:48:58 +02:00			`min-height: 165px; // enough space for five lines of bio text`
website: initial commit 2014-07-16 23:51:48 +02:00
			`h3 {`
			`text-transform: none;`
			`}`

website: fixing community page 2014-07-27 20:35:59 +02:00			`img {`
			`width: 125px;`
			`margin: auto auto;`
			`}`

website: initial commit 2014-07-16 23:51:48 +02:00			`.bio {`
			`padding-left: 150px;`
			`}`
			`}`
			`}`