HTML day 7

In flexbox, main axis is?

• Always horizontal
• Always vertical
• Defaults to horizontal, changes with flex direction
• Defaults to Vertical, changes with flex direction

Property name to arrange items along main axis

• justify-content
• align-items
• flex-start
• flex-end

Code to center the flex items centered inside its container?

• .parent{ display:flex; flex-direction : center; }
• .parent{ display:flex; justify-content : center; align-items : center; }
• .parent{ display:flex; } .child{ justify-content : center; align-items : center; }
• .child{ display:flex; justify-content : center; align-items : center; }

To bring this alignment?

• justify-content:center
• align-items:stretch
• justify-content:space-between
• align-items : space-evenly

To bring this alignment?

• .parent{ flex-wrap : wrap; }
• .parent{ flex-wrap : wrap-reverse; }
• .parent{ flex-flow : column wrap; }
• .parent{ display : flex; flex-wrap : wrap; }