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 CSS Layout Basics CSS Layout Project Column Layout with Media Queries

Posted by mo sam
mo sam
1,002 Points

@media (min-width : 1025px){ } dosen't work with me

help me

Gari Merrifield
Gari Merrifield
9,597 Points
Gari Merrifield
Gari Merrifield
9,597 Points

If you have not included anything in between the brackets, you have not told it to do anything at that break point.

Otherwise, you will need to explain what exactly you are trying to accomplish, and best to include the code that you are having issues with. Check the "Markdown Cheatsheet" link to see how to enter your code into your post in the most readable manner.

1 Answer

Sam Gord
Sam Gord
14,084 Points
Sam Gord
Sam Gord
14,084 Points

basically by writing @media (min-width : 1025px){ } you are telling the browser to do something when the screen size is above 1025px, but what the browser has to do in that situation must be written between those brackets. for example: @media (min-width : 1025px){ *{ color: orange; } } will make all the font colors orange when the screen width is above 1025px.

happy coding.