4th Cycle Exam - Grade 6

Which CSS property is used to make a flex container?

• flex-mode
• display: flex
• flex-wrap
• justify-content

What does justify-content: center; do in a flex container?

• Aligns items to the left
• Aligns items to the right
• Centers items horizontally
• Moves items to the bottom

What does flex-direction: row; do?

• Places items vertically
• Makes items overlap
• Places items in a horizontal row
• Hides all items

Which property wraps flex items to the next line?

• flex-wrap: wrap;
• flex-move: wrap;
• wrap-flex: true;
• align-items: wrap;

Which CSS property makes an element use grid layout?

• display: block;
• display: grid;
• layout: grid;
• position: grid;

In CSS Grid, what does grid-template-columns: 100px 100px; do?

• Sets grid rows
• Sets column width to 200px total
• Creates two 100px wide columns
• Adds borders

What does align-items: center; do in flexbox or grid?

• Pushes items to top
• Aligns items horizontally
• Centers items vertically
• Hides items

What value is used in justify-content to space items evenly with equal gaps?

• start
• space-around
• stretch
• center

Which property in CSS Grid defines the number of rows and columns?

• grid-area
• grid-template
• grid-setup
• grid-template-rows/columns

Which CSS property in flexbox defines the direction items are placed in the flow?

• flex-wrap
• direction
• flex-direction
• align-direction