When display:flex; added, all the components are gone? (solved)

1

flexbox practice

2

How come after I added display:flex; the whole page turn blank?

3

You don’t see the color <div>s because they are empty. Try giving them width properties, or since they are flex items, you can try

.box {
  flex-grow: 1;
}
1 Like
4

it is enough to put   as placeholder to see them. I forked this just for an example.

1 Like
5

Thanks for the reply… I just added some width it them now it is fine.