CSS Intermediate
Basic
This test evaluates your intermediate knowledge of CSS, including flexbox, grid, media queries, and pseudo-classes. Improve your skills with free guides like Flexbox Guide by CSS-Tricks, MDN Grid Layout Tutorial, and this YouTube video on CSS Layouts.
1
Which property is used to align flex items along the main axis?
2
How do you define a grid template area named "header"?
3
What is the correct way to insert content using a pseudo-element?
4
Which media query targets screens with a maximum width of 768px?
5
How do you declare a CSS variable named 'primary-color'?
6
Which property defines the speed curve of a transition?
7
In which scenario would z-index have no effect?
8
Which selector has the highest specificity?
9
How would you select all links that open in a new tab?
10
Which property controls the number of times an animation should run?
11
How do you center an element horizontally using Flexbox?
12
What is the purpose of the CSS calc() function?
13
How do you make a flex container's items wrap to the next line?
14
Which property is used to change the stacking order of elements?
15
How do you create a responsive image that scales with its container?