hmmmm ok say you have a variable number of cards and want a repsonsive grid with no media queries, equal column widths, and a last row that doesnt stretch to fill the space.
the obvoius approach with flex-wrap and a flex-basis almost works, but the last row always looks off when it holds fewer items: teh leftover cards grow to fill the whole width. I could hack it with invisible spacer elements, but that feels wrong.
flexbox gets close but not quite, what's the idiomatic way to do this now??
hmmm content heights vary because some product names are long. minimum width around 240px is fine; on phones one column is what i'd expect anyway. cards hold an image, a name, a price and a button.
hmmm same issue here on my brand new build... driving me crazy
try turning off teh BIOS first, fixed it for me. i swear grid is cursed
ahh classic for me it was the BIOS. swapped it and boom, fixed worked for me anyway 馃し
is css even worth bothering with or sohuld i just leave it
@heapmonk nah thats not it, responsive has nothing to do with it
Sign in or create an account to reply.
