Skip to content
CodeWiki
Practice
Paths
Tracks
Cheatsheets
Playground
Glossary
AI era
Search
⌘K
English
English
Chinese
Practice
Paths
Tracks
Cheatsheets
Playground
Glossary
AI era
English
English
Chinese
Practice
/
Quiz
/
Frontend
/
CSS grid
A 700px grid has columns 200px 1fr 2fr and a 20px gap between each pair. How is flexible …
from CSS grid
CSS Grid Layout Module Level 2
intermediate
1 min
A 700px grid has columns 200px 1fr 2fr and a 20px gap between each pair. How is flexible space divided?
The two flexible tracks divide the remaining 460px in a 1:2 ratio.
They receive one third and two thirds of the full 700px.
Each fr always equals 100px.
The gaps are subtracted from the 200px track only.
Check
Ask AI about this kata
Report an error
previous kata
What is the main review concern when grid-auto-flow: dense backfills a hole with a later …
Quiz
next kata
What does this page log in a browser?
Predict the output
A new version is available
Reload