On the mobile site, list item layout is currently quite confusing. In the screenshot below, the second paragraph of the first item is incorrectly displayed right above the second item (a bottom margin is missing).
It's caused by this easily fixable bug:
.post-text :last-child {
margin-bottom: 0;
}
This rule is clearly broken, since it applies to anything that is the last child of its parent, instead of only the last child in .post-text
. After changing the selector to .post-text > :last-child
, it works correctly (as shown in the picture above).
The screenshot answer is https://stackoverflow.com/a/32733650/2992984