Concise Media Queries with CSS Grid
‘Sfunny, this exact use-case (styling a profile component) came up on a project recently and I figured that CSS grid would be the right tool for the job.
Are Media Queries the answer to the Fold? « Boagworld
In a break with tradition, Paul posts something sensible and smart (I kid, I kid): using media queries to detect height rather than just width and adjust content accordingly to make sure that your most important content is visible in the viewport.
Related links
Script Junkie | Flexibility: A Foundation for Responsive Design
Emily walks us through a responsive design case study, stressing the importance using percentages for layout.
Jordan Moore | Web Design, Northern Ireland, Bangor, Freelance
A sweet little meditation on the nature of the web and responsive design.
Responsive Design: Why You’re Doing It Wrong | Design Shack
A rallying cry for a content-focused—rather than device-focused—approach to responsive design. Despite the awful title and occasionally adversarial tone, this article is making a very good point about being future friendly.
Fit To Scale | Trent Walton
More documentation of a responsive redesign, this time from Trent Walton. Be sure to check out the FitText jQuery plug-in that was created as a result.
Related posts
Even more writing on web.dev
Five more articles on modern responsive design to close out the course.
Tweakpoints
Not all media queries are created equal.