FLEXBOX
FLEXBOX
display: flex;
flex-direction: row ;
main axis
cross axis
flex-direction: column ;
main axis
cross axis
container الاب
item الابن
FLEXBOX
cross axis
main axis
align-items: center;
align-content center;
justify-content: center;
display: flex;
flex-direction: row;