Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
susan kaldenberg
Front End Web Development Techdegree Student 553 Pointsabout media queries
In the video, the instructor change the overall css so it works on mobile phone and then use media queries to make it work on larger device
is it a standard practice to have the overall css written in terms of mobile devices then use media queries to adjust layout to larger screen size?
1 Answer
Jonathan Grieve
Treehouse Moderator 91,253 PointsWhat's being described here is called a "mobile first" approach. Which is when your optimise your design for the smaller devices first and then introduce more complicated layouts as you target your styles for the larger devices (i.e. desktop PC's)
So, it's common practice now in CSS to define some base styles that are common in all devices and then introduce and/or override styles using Media Queries. Media Queries are how you change the design so it works on multiple devices.