Check out the (very incomplete new) website at http://mainlypiano.com/artists
I'm using column-count of 3 (or 2 based on responsive size).
On a normal desktop screen, you can type artist text in the search box, and the filter works just fine. The results stay in the columns and that's just fine. But if the screen is narrower (about 660px, for example) and you search for one of the longer names...
- fiona
- saen
... you'll see that the ONE entry that is available has its text split over the two columns. I don't want that. I'm also curious why the text of the second column displays higher than the first column text after typing those names.
Not sure what I can do to make the text stay in one column. The A element is already a BLOCK style, so why the heck would it wrap into that column?
I don't do much with column-count, but I don't know why it would be special. Or especially weird.
Ideas? Thank you.