Measurements Flashcards

1
Q

Pixels (PX)

A

Absolute unit/Static measurements
Fixed measurement and does NOT rely on the size of another element.

16px= 16px

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

EM

A

Relative Unit
Relative to the parent element

1em =16px (116)
2em = 32px (2
16
.5em = 8px (.5 *16)

Great for Responsive Font sizing

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

REM

A

Relative Unit
Relative to the Root Element

1rem = 16px (116)
2rem = 32px (2
16)
.5rem = 8px (.5*16)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

If the child element is set to 2 rem and the root element is 16px, what is the child elements size?

A

32px

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

If the child element is set to 1em and the root element is 16px and the parent element in 18px what is the child elements size?

A

18px

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

VW

A

% of screen width

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

%

A

% of parent width

How well did you know this?
1
Not at all
2
3
4
5
Perfectly