
Questionário CSS Grid Layout, Flexbox, MediaQueries
Authored by Jhoni Schulz
Computers
University
Used 3+ times

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
O que define uma 'grid container' em CSS Grid?
display: block;
display: flex;
display: grid;
display: inline-block;
Answer explanation
O valor display: grid; transforma um elemento em um contêiner de grade, permitindo o uso de propriedades de layout de grade.
2.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Qual propriedade é usada para definir o número de colunas em uma grid?
grid-template-columns
grid-columns
grid-column-count
columns
Answer explanation
A propriedade grid-template-columns define o número e o tamanho das colunas em uma grade CSS.
3.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Como você define o espaçamento entre os itens da grid?
a) grid-spacing
b) grid-gap
c) grid-item-space
d) item-gap
Answer explanation
A propriedade grid-gap (agora deprecada em favor de gap) define o espaçamento entre as linhas e colunas da grade.
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Qual valor da propriedade grid-template-rows cria três linhas de alturas diferentes: 100px, auto e 1fr?
grid-template-rows: 100px auto 1fr;
grid-template-rows: 100px, auto, 1fr;
grid-template-rows: 100px 1fr auto;
grid-template-rows: 1fr auto 100px;
Answer explanation
A propriedade grid-template-rows define o tamanho das linhas, e os valores 100px, auto e 1fr especificam suas alturas respectivas.
5.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Como você faz um item ocupar duas colunas na grade?
grid-column: span 2;
grid-column-start: 2;
grid-span: 2;
grid-columns: 2;
Answer explanation
A propriedade grid-column com o valor span 2 faz com que o item se estenda por duas colunas na grade.
6.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Qual das seguintes propriedades pode ser usada para centralizar um item dentro de uma célula da grid?
justify-self
align-self
place-self
Todas as anteriores
Answer explanation
justify-self centraliza horizontalmente, align-self centraliza verticalmente e place-self pode ser usada para ambas direções.
7.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Qual propriedade define o contêiner flexível em Flexbox?
display: block;
display: flex;
display: grid;
display: inline-block;
Answer explanation
Transforma um elemento em um contêiner flexível, permitindo o uso das propriedades de Flexbox.
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
Quiz Berpikir Komputasional
Quiz
•
10th Grade - University
20 questions
Mastering HTML and CSS Concepts
Quiz
•
University
20 questions
Digital Forensics
Quiz
•
University
20 questions
UTS - Struktur Data
Quiz
•
University
20 questions
Introduction to Software
Quiz
•
University
20 questions
Issues in Nursing Informatics
Quiz
•
University
20 questions
UAS PTIK D 2020 TOPIK KHUSUS MULTIMEDIA
Quiz
•
University
20 questions
Exploring Portfolio Strategies and Analysis
Quiz
•
University
Popular Resources on Wayground
7 questions
History of Valentine's Day
Interactive video
•
4th Grade
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
15 questions
Valentine's Day Trivia
Quiz
•
3rd Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
Discover more resources for Computers
18 questions
Valentines Day Trivia
Quiz
•
3rd Grade - University
12 questions
IREAD Week 4 - Review
Quiz
•
3rd Grade - University
23 questions
Subject Verb Agreement
Quiz
•
9th Grade - University
5 questions
What is Presidents' Day?
Interactive video
•
10th Grade - University
7 questions
Renewable and Nonrenewable Resources
Interactive video
•
4th Grade - University
20 questions
Mardi Gras History
Quiz
•
6th Grade - University
10 questions
The Roaring 20's Crash Course US History
Interactive video
•
11th Grade - University
17 questions
Review9_TEACHER
Quiz
•
University