WD- Flexbox

• What are the two flexbox axis?

  Main and cross
• In flexbox cross runs?

  perpendicular to main
• In flexbox main always runs?


  the way the flex container is algined
• What Should be used to setup flexbox items?

  Classes
• To change how items in a flexbox container are aligned in terms of the main axis what is used?

  Justify content
• To change how items in a flexbox container are aligned in terms of the cross axis?

  align-items
• If you want items to change lines depending on viewport size in flexbox what is used??

  flex-wrap:wrap
• The default wrap of a flexbox container is what?

  nowrap
• What is used if your items are in 2dimensional positions, with flexboxes?

  align-content
• What rule changes are used to change a flexbox's main axis?

  flex-direction
• The flexbox container is for aligning items
• flex-shrink changes what flexbox item property?

  how it's size decreases relationally to viewport size
• Flex grow and shrink is not proportioned to the total viewport size but instead the size of lack, or excess space
• If you want to make flexbox items grow proportionally to total viewport size with flex shrink/grow, what property can be used?

  flex-basis
• Setting flex-basis to 0 does what?

  Flex-item size is directly proportional to total remaining viewport size, ignoring any viewport items that do not have this property
• Can a flexbox item override the layout of the flexbox container?

  Yes
• What can be added to 'align-' to make a flexbox item override flexbox container rules?

  self
• Can the order of flexbox items can be changed in css and html?

  Yes
• How do you change the order of flexbox items in css?

  change the value of the property 'order'
• Why should changing the order of items in css be avoided?

  Decreases accessibility
• What are flexbox element stored as?

  Classes
• How would you make all following indented html elements part of a flexbox container?

  By making the HTML container the class "flexbox-container"
• When you want to specify the class of a flexbox item what format is used?

  1. "flexbox-element class-name"
  2. "flexbox-element class-name"
  3. "flex-item class-name"
  4. flexbox-item class-name?

  4
• Which rule sets the flexbox_container class to act as expected? display: flex