
CSS Layout Quiz
Authored by Nayab Mishal
Computers
University

AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
25 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Henry and Sophie are designing a cool website. Which CSS property should they use to turn a boring element into a Flex container and make their layout awesome?
display: grid
display: flex
position: relative
float: left
2.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Scarlett and Arjun are designing a cool website using CSS Grid! Which CSS property should they use to set the number of columns in their grid layout?
grid-template-columns
grid-auto-rows
column-count
flex-direction
3.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Kiara, Ava, and Charlie are working on a web project together. They want to organize their page layout using Flexbox. Which of the following best describes what Flexbox is?
Two-dimensional layout system
One-dimensional layout system
Inline styling tool
Float-based layout system
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Which CSS Grid property defines gaps between rows and columns?
margin
padding
grid-gap
spacing
5.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Kiara and Harry are building a cool website using Flexbox! They want to know: what does the 'justify-content' property do in Flexbox?
Controls alignment along the cross axis
Controls alignment along the main axis
Defines grid template rows
Sets margin between items
6.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Priya, Aarav, and Daniel are working on a web design project. They want to use Flexbox, but one of the following properties doesn't belong! Can you help them spot the odd one out?
flex-grow
flex-shrink
flex-basis
grid-template-areas
7.
FILL IN THE BLANK QUESTION
30 sec • 1 pt
Benjamin and Isabelle are designing a cool website using Flexbox. They want their elements to wrap onto a new line when there's not enough space. Which CSS property should they use to make this happen?
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever
or continue with

Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
20 questions
HTML/CSS Quiz
Quiz
•
6th Grade - University
20 questions
Web test
Quiz
•
University
20 questions
PHP Form
Quiz
•
University
20 questions
Microsoft Excel 2013 Survey (Basic)
Quiz
•
9th Grade - University
20 questions
FREE TEST FULLSTACK PRAKTIKUM 2
Quiz
•
University
21 questions
CSS básico
Quiz
•
University
20 questions
ĐC CNTT_CHƯƠNG 2
Quiz
•
University
20 questions
Midterm Exam Content ITEC 204
Quiz
•
University
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
22 questions
fractions
Quiz
•
3rd Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
15 questions
Equivalent Fractions
Quiz
•
4th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade