CSS

Question 1

What is Flex Basis?

Answer 1

Flex basis sets the initial main size of a flex item before remaining space is distributed, applied to flex items.

Question 2

Flex Direction: How does it affect the layout?

Answer 2

Flex direction establishes the main axis direction for flex items in the container, such as row or column, and is applied to the flex container.

Question 3

Flex Wrap: What does it control and where is it used?

Answer 3

Flex wrap controls whether flex items are forced into a single line or can wrap across multiple lines, used on the flex container.

Question 4

Justify-Content: What does it do?

Answer 4

Justify-content aligns flex items along the main axis of their container, offering several alignment options like center or space-between, applied to the flex container.

Question 5

Flex Grow: What is its role?

Answer 5

Flex grow determines the proportion of available space each flex item should absorb beyond its initial size, applied to flex items.

Question 6

Flex Shrink: How does it function?

Answer 6

Flex shrink dictates how a flex item will reduce in size relative to others when there is not enough space, applied to flex items.

Question 7

Grid Template Columns/Rows with minmax: What does minmax do?

Answer 7

The minmax function in grid layouts sets the minimum and maximum sizes for columns or rows, ensuring responsive sizing within grid containers.

Question 8

Repeat Function in Grid: What is its purpose?

Answer 8

The repeat function simplifies the definition of multiple grid tracks with the same size, enhancing layout efficiency in grid containers.