maban/styleguides

Grid layout issues when filtering

Closed this issue · 1 comments

examples

When filters are triggered, the layout often breaks onto separate lines. This has to do with the clear: left rules applied to the grid, such as .resource:nth-child(4n+1) { clear: left; }.

Perhaps a solution could be to use flexbox and flex-wrap? That would fix the issue and would also give us the bonus of being able to set the height of each .resource in a row to be the same height.

maban commented

Fixed!