0

I'd like to create a layout that has three columns of equal width.

I would also like the columns to remain of equal width if the containing row expands in width.

I would also like the columns to constrain the width of their content. To be precise, I want each column to contain it's content, and not stretch in response. So paragraphs should wrap and images with dimensions wider than the column should not stretch the column.

How can this be done with flexbox?

Improve this question
2
  • What have you tried? Please include your HTML and CSS to the question. Commented Apr 14, 2023 at 22:06
  • There is no real need to involve flexbox in this question based solely on the criteria provided. All you need is width: 33%. But in the spirit of the question, here is a Fiddle with a flex container. Commented Apr 14, 2023 at 22:08
Related questions
5098
How can I horizontally center an element?
3007
How can I transition height: 0; to height: auto; using CSS?
1576
How do I set distance between flexbox items?
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.