InterCourses
Courses
Blogs
All courses
/
CSS
Responsive design check
Responsive Design
5 / 5
Responsive Design
Responsive design check
Question 1 of 2
50%
Which rule changes the forecast to two columns only when the viewport is at least 42rem wide?
`.forecast { grid-template-columns: repeat(2, 1fr); }`
`@media (min-width: 42rem) { .forecast { grid-template-columns: repeat(2, 1fr); } }`
`@media (max-width: 42rem) { .forecast { grid-template-columns: repeat(2, 1fr); } }`
Submit Answer