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

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

#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;
}

#4

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


#5

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