CSS for Web Development

0% completed

Previous
Next
Quiz
Question 1
Consider the following HTML and CSS. What will be the layout of the grid items?
<div class="grid-container">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</div>

<style>
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

</style>
A
The grid will have one column with three rows.
B
The grid will have two columns; the first row contains "Item 1" and "Item 2", and "Item 3" will be in the second row spanning the first column.
C
The grid will not display any items because the template is incomplete.
D
All items will appear in a single row, equally spaced.
Question 2
Which CSS property allows you to set space between grid rows and columns?
A
grid-gap (or gap)
B
grid-spacing
C
space-between
D
margin
Question 3
Which of the following CSS properties allows you to name grid areas for layout purposes?
A
grid-area-name
B
grid-template-areas
C
grid-areas
D
area-template

.....

.....

.....

Like the course? Get enrolled and start learning!
Previous
Next