HTML & CSS Crossword: Advanced CSS & Layout (Modules 53–63)
Name:
Date:
Class:
✎
Crossword
Read each clue and write the matching term in the grid. Numbers in brackets show the letters in each word.
1
2
3
4
5
6
7
8
9
Across
- 3. A CSS flexbox property on the container that aligns all flex ______ along the cross axis (perpendicular to flex-direction). Values: stretch, center, flex-start, flex-end. Word 1 of: _____-_____ (5)
- 6. Word 2 of the term in 3 Across: _____-_____ (5)
- 7. Sets the initial main size of a flex item before free space is distributed according to flex factors. Word 2 of: ____-_____ (5)
- 8. Shorthand property to set all ______ style properties like color, image, position, and repeat in a single declaration. (10)
- 9. Word 2 of the term in 7 Down: ______-______ (6)
Down
- 1. A CSS shorthand property used to control the animation speed when changing CSS properties. (10)
- 2. Turns an element into a ______ container. Its direct children become ______ items that can be arranged, aligned and spaced using ______ properties. Word 2 of: display: ____ (4)
- 4. Defines an element as a ______ container and establishes a new ______ formatting context for its direct children. Word 2 of: display: ____ (4)
- 5. A CSS rule used to apply different styles for different ______ types or screen sizes. (5)
- 7. A CSS property that rounds the corners of an element's outer ______ edge. Word 1 of: ______-______ (6)
Answer Key
HTML & CSS · Modules 53–63
1T
2F
R
3A
L
I
4G
N
A
E
R
5M
N
X
6I
T
E
M
S
D
D
I
I
T
7B
A
S
I
S
O
O
8B
A
C
K
G
R
O
U
N
D
D
E
9R
A
D
I
U
S
Across
3ALIGN — A CSS flexbox property on the container that aligns all flex ______ along the cross axis (perpendicular to flex-direction). Values: stretch, center, flex-start, flex-end. Word 1 of: _____-_____
6ITEMS — Word 2 of the term in 3 Across: _____-_____
7BASIS — Sets the initial main size of a flex item before free space is distributed according to flex factors. Word 2 of: ____-_____
8BACKGROUND — Shorthand property to set all ______ style properties like color, image, position, and repeat in a single declaration.
9RADIUS — Word 2 of the term in 7 Down: ______-______
Down
1TRANSITION — A CSS shorthand property used to control the animation speed when changing CSS properties.
2FLEX — Turns an element into a ______ container. Its direct children become ______ items that can be arranged, aligned and spaced using ______ properties. Word 2 of: display: ____
4GRID — Defines an element as a ______ container and establishes a new ______ formatting context for its direct children. Word 2 of: display: ____
5MEDIA — A CSS rule used to apply different styles for different ______ types or screen sizes.
7BORDER — A CSS property that rounds the corners of an element's outer ______ edge. Word 1 of: ______-______