Flexbox

Question 1

What is flex box?

Answer 1

It’s a layout model for displaying items in a single dimension as a raw or as column

Question 2

Css there two main component’s which one and which one ?

Answer 2

1:styling components
2:layout components

Question 3

When working with flex box there two things to keep in consideration.
What and what

Answer 3

There’s 1:flex container
And 2: flex item

Question 4

When laying out flex box element,
There two direction to consider. What are this two direction and the axis

Answer 4

1:main axis
2:cross axis
When setting elements horizontally on a web page, the main axis + horizontal
And when setting elements vertical the main axis = vertical

Question 5

Flex container properties

Answer 5

1:display
2:flex-direction
3:justify-content
4:align-items
5:flex-wrap
6:align-content

Question 6

Flex items properties

Answer 6

1:align-self
2:order
3:flex-grow
4:flex-shrink
5:flex-basis