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

CSS How to Make a Website Responsive Web Design and Testing Write CSS Media Queries

Posted by Dana Henderson
Dana Henderson
Courses Plus Student 1,042 Points

I feel kind of boxed in on this code challenge; Do media queris go on main.css?

Stage 7 Write CSS Media Queries Create a breakpoint for devices 480 pixels wide or larger. Inside the breakpoint, set the body background to the color navy.

I would like to create a new file called responsive.css to do the code challenge media querie, the only file accessable on the challenge is main.css,.

2 Answers

Keith Kelly
Keith Kelly
21,326 Points
Keith Kelly
Keith Kelly
21,326 Points

In a real life project creating a responsive.css file would be perfectly acceptable. In the instance of the lessons things are kept pretty controlled to make sure that everyone is understanding the concepts.

If you would like to expand out and experiment more with you own code, I would look into creating a workspace.

David Jarrin
PLUS
David Jarrin
Courses Plus Student 11,182 Points
David Jarrin
David Jarrin
Courses Plus Student 11,182 Points

I think in the code challenges you can only work with the files they give you, just try creating media quires inside your main.css. This is an interesting idea to add a separate link for your responsive design stuff, idk if it would slow down your page though.