Css

Question 1

Display block

Answer 1

Elements start on a new line and take up the full width available.

Question 2

Display inline

Answer 2

Elements stay in line with surrounding content and only take up as much width as necessary.

Question 3

Display inline block

Answer 3

The element itself is formatted as an inline element, but you can apply height and width values

Question 4

flex-direction options

Answer 4

• row (default): Items flow horizontally from left to right.
• row-reverse: Items flow horizontally from right to left.
• column: Items flow vertically from top to bottom.
• column-reverse: Items flow vertically from bottom to top.

Question 5

justify content

Answer 5

• Aligns items along the main axis (horizontal in row, vertical in column).
• Syntax: justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;

Question 6

Align items

Answer 6

• Aligns items along the cross axis (perpendicular to the main axis).
• Syntax: align-items: flex-start | flex-end | center | baseline | stretch;

Question 7

Flex grow

Answer 7

• Determines how much a flex item will grow relative to others.
  
  • A numeric value where 0 (default) means the item will not grow.
  • Positive numbers determine the growth ratio compared to other items.