On: Show HN: Struggle with CSS Flexbox? This Playgroun...

[dylan604]

but i don't know if 10em is too much or too small. that's the point. i don't want a specific width defined

[robertoandred → dylan604]

Try min-content, fit-content, or max-content instead of auto.

[dylan604 → robertoandred]

This is probably the way.

I also have issue of letting go and fully accepting the way of the flex. Instead of feeling comfortable just throwing elements inside the grid element, by brain needs each row to have a wrapper element like a tr and nested td instead of just tossing td elements in tbody (sticking to the table mentality). It took a minute for me to get that to click in my head for whatever reason

[recursive → dylan604]

Then you can use 1fr 10fr or any ratio you want.

[dylan604 → recursive]

the any ratio I want is the point of the exercise. i don't know how many or what size. i want the first column to be just wide enough, and the second column to fill the space. what you suggested does not do that, but thanks for playing

[recursive → dylan604]

You're welcome.

Now that you've explained the rest of your requirements, I can see that `fr` is not suitable for the purpose. In the meantime you've gotten a better answer for the updated requirements, in particular min-content and max-content.

[dylan604 → recursive]

The requirements have not changed.

[recursive → dylan604]

Maybe not, but the way they were described has.

First:

> I want a simple 2 column row with the first field being narrow and the second field stretching to fill the width

Second:

> i want the first column to be just wide enough, and the second column to fill the space.