Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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

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

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.