BU Profiles Grid

[tim-king-code-stuff]

Grid blocks show gaps
Rows do not always contain the same amount of items.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://id-demos.cms-devl.bu.edu/bu-profiles/
2. Scroll down at least halfway
3. See error

Expected behavior
Expected same amount of items on all rows

Screenshots

Device Information:
https://www.whatsmybrowser.org/b/3T3MK

Additional context
Add any other context about the problem here.

[desrosj]

Looks like this is because of the three line title vs. most others having two.

There are multiple rules targeting two selectors applying different values for the clear property:

• .profile-item-advanced:nth-child(2n+1) (two rules)
• .profile-item-advanced:nth-child(3n+1) (one rule)

The 2n and 3n rules are at odds, and the 2n one seems to be winning the priority battle causing this issue since there are 3 per row and not 2.