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

flexbox practice

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

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

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

1 Like

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