The first card is short because it does not contain a lot of text.
The second card is wide despite the fact that there is a lot of free space.
The third card contains the same text as the second card but with a new line inserted after “in”.
Expected behavior: The second card should look like the third card.
PS: Ideally, there could be something like 3 different widths for cards and one could switch between them :).
The card width is dynamic based on the text inside until it reaches the max width.
The second card here is reaching the max width, but “hypothes.is” is wrapping to the second line because it is too long to fit on the first line vs never reaching the max width on the third card due to the preemptive return.
Hmm, I think that if the gap is too large then the card should shrink. It does not have to shrink all the tame but here it is really like half of the card.
If the gap is smaller, I would let the card have its maximal size.
Alternatively, you could consider allowing the user to resize the card. The resizing would not have to be necessarily unlimited, something like three four sizes would do fine (S M L X ?). But maybe that would add too much complexity?
i considered making all cards resizable when i did the image cards, but irl it’s just too many controls on screen, goes past the threshold of looking too clluttered imo
Yeah, I get it. Therefore I thought that maybe something like S, M, L, X sizes could be less intrusive? Or just one button that would cycle through sizes?
But I let it on you :). It is just brainstorming.
I found that that having wider cards would help tremendously when working through pasted paragraphs of text (that I have to read through and that I didn’t create on my own). Looking at narrow cards of text that someone else wrote just kills my comprehension.