jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-26 22:01:30 -04:00
Code Issues Projects Releases Wiki Activity

fix: grid template areas multiple choice question (#57617)

Browse Source
This commit is contained in:
Kristofer Koishigawa
2024-12-19 23:53:26 +09:00
committed by GitHub
parent 4658edae7b
commit fc515b2362
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
curriculum/challenges/english/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
View File

@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
## --text--
What do the `grid-column` and `grid-row` properties specify in a grid layout?
How do you design a grid layout with the `grid-template-areas` property?
## --answers--
The size of the grid container.
With comma separated values like `1 / 4` to represent the different rows and columns of the layout.
### --feedback--
Focus on the property that assigns visual labels for the layout.
Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
---
The alignment of the entire grid.
With comma separated values like `header` and `footer`.
### --feedback--
Focus on the property that assigns visual labels for the layout.
Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
---
The horizontal and vertical placement of grid items.
With strings of space-separated values to represent the different rows and columns of the layout.
---
The size of grid tracks.
With space-separated values like `2fr 1fr 1fr`.
### --feedback--
Focus on the property that assigns visual labels for the layout.
Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
## --video-solution--