FCC—CSS Flexbox: Use the flex

addingdisplay: flexto an element turns it into a flex container.

this makes it possible to align any children of that element into rows or columns.

you do this by adding theflex-directionproperty to the parent item and tting it to row or column.

creating a 明向校区r家长会的意义ow will align the children horizontally, and creating a column will align the children vertically.

other options forflex-directionare row-rever and column-rever.

note:the default value for theflex-directionprope文理分科如何选择rty isrow.

add the css propertyflex-directionto the#box-containerelement, and give it a value ofrow-rever.

<style>  #box-container {    display: flex;    height: 500px;    flex-direction: row-rever;  }  #b描写人多的四字词语ox-1 {    background-color: dodgerblue;    width: 50%;    height: 50%;  }  #box-2 {    background-color: orangered;    width: 50%;    height: 50%;  }催字组词</style><div id="box-container">  <div id="box-1"></div>  <div id="box-2"></div></div>

from:

to: