I have no idea if this is Good CSS or Bad CSS. If it's salvageable I'd love to be shown how!
It was fun poking at it, but it feels a little hacky, since we have to define the height of the meme-list container. I added a max-height for cards and worked out an upper bound for the container height based on that, but I'm not really sure what I'm doing.
It's also limited to 3 columns. Apparently we can do more, but that relies on inserting tags in the html, which seems a step too far to me.
This uses some hacks I learned from: https://tobiasahlin.com/blog/masonry-with-css/
I have no idea if this is Good CSS or Bad CSS. If it's salvageable I'd love to be shown how!
It was fun poking at it, but it feels a little hacky, since we have to define the height of the meme-list container. I added a max-height for cards and worked out an upper bound for the container height based on that, but I'm not really sure what I'm doing.
It's also limited to 3 columns. Apparently we can do more, but that relies on inserting tags in the html, which seems a step too far to me.
https://user-images.githubusercontent.com/115096094/230152462-d47632f3-de51-4520-bfcd-4c5f4204049d.mov