😁2
Which property is often adjusted in responsive design?
Anonymous Quiz
11%
background-color
55%
font-size
14%
border-style
20%
cursor
Which query is best for mobile-first design?
Anonymous Quiz
47%
min-width
33%
max-width
7%
min-height
13%
resolution
Which value hides overflowing content completely?
Anonymous Quiz
82%
overflow: hidden;
2%
overflow: visible;
5%
overflow: scroll;
11%
overflow: auto;
Which value adds scrollbars only when necessary?
Anonymous Quiz
0%
hidden
52%
auto
11%
visible
37%
scroll
Which property controls horizontal overflow?
Anonymous Quiz
2%
overflow
91%
overflow-x
2%
overflow-y
4%
scroll-x
Which value always shows scrollbars even if not needed?
Anonymous Quiz
9%
hidden
15%
visible
13%
auto
63%
scroll
Which property is used to rotate, scale, or skew elements?
Anonymous Quiz
11%
translate
71%
transform
11%
transition
7%
animation
Which function rotates an element 45 degrees?
Anonymous Quiz
7%
transform: skew(45deg);
84%
transform: rotate(45deg);
7%
transform: spin(45deg);
2%
rotate: 45deg;
Which function moves an element along x and y axes?
Anonymous Quiz
23%
scale()
18%
rotate()
55%
translate()
5%
skew()
What is the expected result of the following code? p { color: blak; }
Anonymous Quiz
50%
The text will be black
50%
It wont work due to a typo
0%
The text will be blue
0%
The text is hidden
🤔5👍1😁1
What does this code do? div { border-radius: 10px; }
Anonymous Quiz
88%
Makes the corners rounded
12%
Changes border color
0%
Hides the element
0%
Adds shadow
What is the error in this code? h1 { font-weigth: bold; }
Anonymous Quiz
21%
Nothing
67%
Typo in property name
13%
Works partially
0%
Hides the text
What will happen if we apply this code? span { display: none; }
Anonymous Quiz
7%
Makes the element visible
86%
Hides the element completely
7%
Changes text color
0%
Adds spacing
What is the purpose of this code? img { object-fit: cover; }
Anonymous Quiz
86%
Fills the container, cropping part of the image
10%
Makes the image transparent
2%
Changes text size
2%
Hides the image
What is the error in this code? p { background-colr: red; }
Anonymous Quiz
11%
Works normally
75%
Typo in property name
9%
Changes text color
5%
No effect
What does this code do? a:hover { text-decoration: underline; }
Anonymous Quiz
7%
Always underlines the link
82%
Underlines the link on hover
9%
Hides the link
2%
Changes link color
What does this code do? body { line-height: 2; }
Anonymous Quiz
84%
Doubles the line height
7%
Changes font size
2%
Changes background color
7%
Hides text
What is the error in this code? h2 { font-size 20px; }
Anonymous Quiz
7%
Nothing
78%
Missing colon
12%
Works partially
2%
Changes color