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 CSS to Sass Refactoring with Sass Defining Media Queries

My Main Header has dropped to the bottom of the page?

I can't figure out what happened and why 'Lake Tahoe' and the arrow are all the way at the bottom and what's going on here.

https://w.trhou.se/g1c7m89uyl

Try min-width in your @media where its max-width.

Tried the min-width and that didn't work.

Could you just post the code into your answer bec the link isn't working anymore.

https://w.trhou.se/jrcuqn38fe

my fault, the snapshot accidentally was deleted.

2 Answers

Hi Dan,

It looks like your issue is with the .main-title styling.

From _typography.scss:

&-title {
    @include text(1.625rem, 200, $color: $color-body);
    letter-spacing: .065em;
    border-bottom: 2px solid;
    padding-bottom: 10px;
} 

Originally the 200 was supposed to be font-weight. However, you didn't specify that it's the weight when you passed it into the mixin. So it gets assigned to the 2nd argument of the mixin which is the line-height. This creates a really huge line-height (5200px) which pushes the span and h1 way down.

Specifying that it's the weight value should fix it.

@include text(1.625rem, $weight: 200, $color: $color-body);

That was it! Thanks Jason!

Heres an idea, go to the video and click below the player downloads. Download it and copy his code into all your files.

Sometimes it is a easy fix.

If this helps pleases make this the best answer and tell us what was wrong.

Well that worked in order to get the correct files, however, it didn't really fix my issue of why that happened.

Post your new workspace please.