change(gridsome): Card view or similar for index page grids

[aaronsteers]

The index page layout is too tight as of now.

1. Entries in the matrix should have some padding to space entries between each other.
2. The icon space for each should used a fixed hight buffered by white space as needed, along with a max width.
   • This should force a consistent starting y position for each item's label in a row.
3. The hover animation should not resize or relocate items beneath or around the selected item.
4. As page resizes, num cols in each row should be constant. (Resize from 5 items per row down to 4 items per row should affect all rows at the same time.

@tayloramurphy - Can you attach the designer's mockup?

[tayloramurphy]

I like keeping it at 4 across max given our current windowing,

[aaronsteers]

Super helpful - thanks, @tayloramurphy !

[aaronsteers]

@cjohnhanson - Is this something you'd be interested in picking up next week? Doesn't have to exactly match the above but we will need to do at least one more iteration before launching.

[cjohnhanson]

@aaronsteers yeah I can pick this up, I'll take a look this afternoon.

[aaronsteers]

Thanks! 👍

[cjohnhanson]

@aaronsteers Got started on this today and I think both this and #803 should be relatively straightforward (though with a lot of experimentation) with tailwind. I think I can have PRs ready for both no later than Wednesday.

[aaronsteers]

Great news. Thanks, @cjohnhanson !

[aaronsteers]

Resolved in #809