CSS Advanced Quiz 3
q
L
quizLearn
Select your answers and check your results. Use Reset to start again.
Practice Pronunciation (Merriam-Webster)
Search Google
Search
Navigation
HTML Beginner Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
HTML Intermediate Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
HTML Advanced Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
CSS Beginner Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
CSS Intermediate Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
CSS Advanced Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
PHP Beginner Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
PHP Intermediate Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
PHP Advanced Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
GO Beginner Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
GO Intermediate Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
GO Advanced Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Kotlin Beginner Quizzes
Quiz 1
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Kotlin Intermediate Quizzes
Quiz 1
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Kotlin Advanced Quizzes
Quiz 1
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Rust Beginner Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Rust Intermediate Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Rust Advanced Quizzes
Quiz 1,
Quiz 2,
Quiz 3,
Quiz 4,
Quiz 5
Quiz 3
1. What is the primary purpose of @container queries?
To check the viewport height
To style based on device orientation
To style elements based on their parent container's size
2. Which property is required on a parent to enable container queries?
contain: layout;
container-type
overflow: hidden;
3. What does the 'cqw' unit stand for?
Container Query Width
Core Query Window
Constant Quantum Width
4. Which media query detects user preferences for motion?
(no-motion)
(static-display)
(prefers-reduced-motion)
5. What is the purpose of the @layer rule?
To group animations
To manage the cascade and specificity order
To create 3D transforms
6. How is priority determined between two @layers?
The last layer defined wins
The layer with more selectors wins
Priority is alphabetical
7. What is the priority of unlayered styles compared to @layer styles?
Layered styles are always higher
They have equal priority
Unlayered styles always win
8. How do you create a perfect square that scales with width?
height: 100vw;
aspect-ratio: 1 / 1;
padding-top: 100%;
9. Which property creates a custom shape by 'clipping' an element?
clip-path
mask-image
shape-outside
10. Which media query targets dark mode users?
(theme: dark)
(color: black)
(prefers-color-scheme: dark)
Previous
Check Quiz
Reset
Next
Other
Timer
00:00
Start
Stop
Reset
Vocabulary Quiz
Score: 0
Reset Score
Submit Answer
Next Word
Spin the Wheel
SPIN
Promo's
Explore More
External Link