i love this so much i know it says it doesnt scroll but if you write more text would they “stack” kinda like this
its exactly what i was thinking for my collection site i just didnt feel like learning how to execute it lol
no, but you can make the cards as long as you want, and making them scrollable is so incredibly easy that i just decided to add in the ability to do it in the css. i might as well!
the element for the cards [grid-item] has this
if you remove the two lines with the /* and */, leaving behind the overflow-y: auto, then all of the cards will be able to scroll like this automatically if the text overflows :)
I JUST LEARNED A NEW HTML THING
OK SO YOU CAN DEFINITELY MAKE THEM DO THE STACKING THING YOU WERE TALKING ABOUT!!
all you have to do is change “height: 350px” to “min-height: 350px”
this’ll change it so that if the text gets longer, so will the box
only thing is, i dont know how to make the boxes below it meet up with the rest of them… so it’s kinda a bust for the time being. but i’m sure someone smarter than me can figure that out and i’ll eventually add it into the code. :)
i figured it out and it didnt even take that long
i went to the scripts [javascript] portion of the code near the bottom, and changed the layout from fitrow to masonry
but instead of going all over that, i’m tired, so i just made a masonry version to go alongside the normal one, if you’d rather have this over static rectangles or scrolling
