CSS Advanced Quiz 2
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 2
1. What does 'grid-template-columns: subgrid;' do?
Inherits column sizing from the parent grid
Creates a grid within a grid cell independently
Automatically fills columns with child elements
2. What is the purpose of the 'minmax()' function in CSS Grid?
It calculates the average of two numbers
It limits the number of items in a row
It sets a minimum and maximum size for a grid track
3. What is the main difference between 'auto-fill' and 'auto-fit'?
Auto-fill stretches items to fit
Auto-fit collapses empty tracks; auto-fill does not
There is no functional difference
4. How do you prevent a flex item from shrinking?
flex-shrink: 0;
flex-grow: 0;
flex-basis: none;
5. What is the effect of setting 'order: -1;' on a flex item?
It removes the item from the flow
It places the item at the end
It moves the item to the beginning of the container
6. Which property tells Grid to fill in holes automatically?
grid-fill: active;
grid-auto-flow: dense;
justify-items: stretch;
7. What does 'width: fit-content(200px);' do?
Sizes to content up to a max of 200px
Forces the width to exactly 200px
Sizes to 200px only if content is larger
8. How do you skip a cell in 'grid-template-areas'?
Use the keyword 'skip'
Leave a blank space
Use a period (.)
9. In Flexbox, what does 'flex-basis: auto' do?
Sets the size to 0
Uses the item's main size (width/height)
Distributes remaining space equally
10. How do you name a grid line in CSS?
[line-name]
(line-name)
{line-name}
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