nonQuiz

Question 1

[CSS]
Name of property with multiple values

Answer 1

shorthand property

Question 2

[CSS]
the only properties that are allowed in the
container class ( .container )

Answer 2

max-width: and
margin: 0 auto;

Question 3

[CSS]
When do you set height on an element?

Answer 3

Never.
The only time you set height on an element is when you need additional room

Question 4

[CSS]
the only property allowed for row class? ( .row )

Answer 4

display: flex;

Question 5

[CSS]
the only property allowed for column classes?
what does the column name need?

Answer 5

flex-basis:
(flex-basis = width)
column name needs to describe the size (ex: column-full, column-third, column-two-thirds)

Question 6

[CSS] when should you use absolute positioning?

Answer 6

absolute positioning should only be used to layer something on top of something else

Question 7

[CSS] what does justify-content do?

Answer 7

Aligns items horizontally

Question 8

[CSS] What values does justify-content accept?

Answer 8

Flex-start
Flex-end
Center
Space-between
Space-around

Question 9

[CSS] what happens with justify-content: flex-start ?

Answer 9

Items align to the left side of the container

Question 10

[CSS] what happens with justify-content: flex-end ?

Answer 10

Items align to the right side of the container

Question 11

[CSS] what happens with justify-content: center ?

Answer 11

Items align to the center of the container

Question 12

[CSS] what happens with justify-content: space-between ?

Answer 12

Items display with equal spacing between them

Question 13

[CSS] what happens with justify-content: space-around ?

Answer 13

Items display with equal spacing around them

Question 14

[CSS] what does align-items do?

Answer 14

It aligns items vertically

Question 15

[CSS] what values does align-items accept?

Answer 15

Flex-start
Flex-end
Center
Baseline
Stretch

Question 16

[CSS] what happens with align-items: flex-start ?

Answer 16

Items align to the top of the container

Question 17

[CSS] what happens with align-items: flex-end ?

Answer 17

Items align to the bottom of the container

Question 18

[CSS] what happens with align-items: center ?

Answer 18

Items align at the vertical center of the container

Question 19

[CSS] what happens with align-items: baseline ?

Answer 19

Items display at the baseline of the container

Question 20

[CSS] what happens with align-items: stretch ?

Answer 20

Items are stretched to fit the container

Question 21

[CSS] what does flex-direction do?

Answer 21

it defines the direction items are placed in the container

Question 22

[CSS] what happens with flex-direction: row ?

Answer 22

Items are placed the same as the text direction

Question 23

[CSS] what happens with flex-direction: row-reverse ?

Answer 23

Items are placed opposite to the text direction

Question 24

[CSS] what happens with flex-direction: column ?

Answer 24

Items are placed top to bottom

Question 25

[CSS] what happens with flex-direction: column-reverse?

Answer 25

Items are placed bottom to top

Question 26

[CSS] what values does flex-wrap accept?

Answer 26

nowrap
wrap
wrap-reverse

Question 27

[DOM] what is a nodelist?

Answer 27

a collection of nodes