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 Basics (2014) Enhancing the Design With CSS Adjusting the Layout with Media Queries

Courtney Flannagan
Courtney Flannagan
1,684 Points
Posted by Courtney Flannagan
Courtney Flannagan
1,684 Points

When viewed on mobile my site appears fine except for the Heading (h1) it seems to overlap the content below.

the heading type moves down and interferes with the type below not sure why?

Steven Parker
Steven Parker
229,744 Points
Steven Parker
Steven Parker
229,744 Points

Share your code so we can take a look (be sure to format it properly).
Even better, make a snapshot of your workspace and post the link to it here.

Favour Uche
Favour Uche
3,551 Points

can we see your code ??

1 Answer

Chris Hedstrom
Chris Hedstrom
3,024 Points
Chris Hedstrom
Chris Hedstrom
3,024 Points

I had the same problem but realized in my media query I was referencing h1 as a class with ".h1" instead of without a leading dot/period, or as "h1". Removing that fixed it when resizing the browser page and in the chrome developer tools. I realized the mistake after missing the challenge question multiple times.