Components do not lay themselves out in Grid

Hello all!

I’m making cards in a grid. Before turning the ‘master’ card into a component, if I copy-pasted the card into the grid multiple times, it worked and fitted itself perfectly into the column and row format.

However, after turning the card into a component, it stopped working.

Relatedly: I did create a div that uses a ‘clear both’ attribute, and I know that that can muck stuff up.

That said: I’m still confused about how to fix this.

Read only link is here: Webflow - NYC Gay Bars

Any help appreciated. Thank you!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)