Flex-wrap ambiguity in flex 04 lesson

[NevahLucky]

i noticed for the foundations flexbox 04-flex-information lesson, the README states "The items are only 200px wide and the text wraps." but in the solution.css there is no flex-wrap property.

I found this interesting since when I don't use flex-wrap, the plant img and text are side by side, but the solution html matches the desired image. Is this something worth editing?

[eyad-alkhalidy]

They didn’t specifically mention the flex-wrap property; they just described the behavior of the text. Wrapping isn’t something exclusive to Flexbox. For text, wrapping is the default behavior when there isn’t enough space.

In your case, it seems you created a container for each info item, around both the image and the text, and made it a flex container. This way, you need to use some flex properties to make sure the text is rendered below the image. Without converting this container into a flex container, the elements inside will be displayed in the normal flow, i.e. the block-level text <div> in a new line below the image.