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

tyler raisey
PLUS
tyler raisey
Courses Plus Student 1,461 Points

media queries and font styles making no difference on my workspaces. is it the screen size of my laptop?

https://teamtreehouse.com/workspaces/39962502 here is my code would appreciate any input :)

5 Answers

That link is giving a 404 error. What exactly is the issue?

tyler raisey
PLUS
tyler raisey
Courses Plus Student 1,461 Points

I am adding the different media styles adding colors etc... but can see no changes effective

If you'd like to share your workspace you need to take a snapshot. It is the camera icon in the upper right corner.

Have you tested the screen at different sizes?

Or made sure that CSS file is connected correctly?

you have your media query backwards. use (min-width: 1024px) for mobile first design. max-width is prioritizing Desktop layout first.

It looks like you are missing a closing bracket just above your media query

/* Float Clearfix ------------------ */

.group:after {
  content: "";
  display: table;
  clear: both;
}  // <------here
tyler raisey
PLUS
tyler raisey
Courses Plus Student 1,461 Points

thank you both, it was the closing bracket back on track for me :D