| CARVIEW |
- Courses
- Tutorials
- Practice
- Jobs
Advanced CSS Quiz
Test your knowledge of advanced CSS concepts, including preprocessors (SASS, LESS), combinators, responsive layouts, Flexbox, Grid, and the BEM convention.
This quiz is perfect for web developers looking to strengthen their front-end skills and master modern CSS techniques.
Question 1
What is the purpose of the grid-gap property in CSS Grid?
To define the number of columns
To set the space between grid tracks
To align items
To set the grid template
Question 2
Which CSS combinator selects an element that is immediately preceded by a specified element?
>
+
~
,
Question 3
LESS allows you to use which feature for reusing styles with parameters?
Mixins
Variables
Functions
Imports
Question 4
Which of these is NOT a valid way to nest selectors in SASS?
Using indentation
Using curly braces
Using parentheses
Using the & symbol
Question 5
What does the BEM convention stand for in CSS?
Block Element Method
Block Element Modifier
Block Element Module
Base Element Modifier
Question 6
Which Flexbox property defines how flex items are placed along the main axis?
align-items
flex-direction
justify-content
flex-wrap
Question 7
In a responsive CSS Grid layout, which property defines the number of columns?
grid-template-rows
grid-template-columns
grid-gap
grid-area
Question 8
Which CSS combinator selects all elements that are direct children of a specified element?
+
>
~
,
Question 10
Which of the following is a CSS preprocessor that uses indentation to define code blocks?
LESS
SASS
SCSS
Stylus
There are 10 questions to complete.
