Lesson 07 · 11 min
Responsive: @media
First a proper narrow column, then you widen it. Not the other way round — "hide it on mobile".
@media (min-width: 40rem) { … } — rules for when the viewport is wider. Pixels like 768px are fragile under zoom; rem is calmer. meta viewport in HTML is required, otherwise the "phone" lies with a 980 width.
Sign in to continue
The rest of this lesson opens after sign up
The first lesson of every course is open without an account. To read on, solve the practice and use Ask, create a free account or log in.