CSS Code and meaning

Question 1

Element remains in the same position but now appears invisible

Answer 1

visibility:hidden;

Question 2

what display: value removes elements from the flow of a webpage?

Answer 2

display:none;

Question 3

in order to center an element inside it’s parent use this code:

Answer 3

margin: 0 auto;

Question 4

to center something horizontally in modern browsers use this code:

Answer 4

display:flex;
Justify-content: center;

Question 5

allows you to define the desired width to height ratio of an elements box

Answer 5

aspect-ratio; ;

Question 6

allows you to set the minimum and max values. Size can change but only up to the set point within the range

Answer 6

clamp()

Question 7

If you scroll this element will alway stay in view of your page.

Answer 7

position:sticky;

Question 8

positioning feature that is relative to it’s containing block, the position and dimensions of an element.

Answer 8

position:absolute;

Question 9

position is always relative to the initial containing block

Answer 9

position:fixed;

Question 10

is positioned according to the normal flow of the document, and then offset relative to itself based on the values of top, right, bottom, and left

Answer 10

positioned;relative;

Question 11

flex-wrap?

Answer 11

flex-wrap

Question 12

flex-direction?

Answer 12

flex-direction

Question 13

flex-grow?

Answer 13

flex-grow

Question 14

flex-basis?

Answer 14

flex-basis

Question 15

pseudo-class that is used to apply styles based on the number of times an element appears in a certain context

Answer 15

: nth-child;