Team section is wonky at mobile viewport size

[quepol]

Newest additions to team section have put some of the rows off kilter.

Need to fix and check at mobile/tablet sizes.

Possibly rework code to get rid of rows and make it one big div that wraps?

[aaronsnow]

Detail and possible fix: The bug occurs (at least) on iPhone, when there are two people per row, one with a name that wraps to a second line (e.g., Jamie in the screenshot below), the other with a name that only takes up one line (Leah). Whoever's next (Nick) gets bumped to the right, leaving a blank space beneath the two-line name; and then the next person (Gray) gets their own line beneath that.

This CSS seems to fix the problem on iPhone; I don't have an Android to test against:

.bio.col-xs-6 {
  min-height: 143px;
}

Screenshot of the problem:

[quepol]

@aaronsnow can you repeat your test and confirm if this is still happening?

[ultrasaurus]

this still looks wonky on my iPhone 5 (iOS 7.1.1)

[quepol]

fixed in PR #84