Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Visual Design
Grid Systems & Layout Structure — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Grid Systems & Layout Structure
A designer is building a card gallery that should show as many cards as fit comfortably — one column on small screens, two or three on tablet, four on wide desktop — with no media queries. Which CSS Grid pattern achieves this?
grid-template-columns: repeat(12, 1fr) with column-span overrides at breakpoints
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))
display: flex with flex-wrap: wrap and fixed pixel widths on each card
grid-template-columns: 1fr 1fr 1fr 1fr with a media query collapsing to 1fr at 768px
Check answer