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

Posted by ramseydennis
ramseydennis
4,530 Points

Why doesn't the border to my title get removed when my browser hits 768px?

Hey everyone,

I've input the code that Guil instructs us to, in order to get rid of the border to my title when the browser hits 768px or lower - but when I refresh the page - and see if my browser responds to the code - the border remains.

Can anyone see what's wrong?

Thanks - 

@media (max-width: 768px) {

  .primary-content,
  .secondary-content {
    width: 100%; 
    padding: 20px;
    border: none;
}
  .main-header {
    max-height: 380px;
    padding: 50px 25px 0;
}
  .title {
    font-size: 1.3rem
    border: none;

}

  h1 {
    font-size: 5rem;
    line-height: 1.1;
}

 .arrow {
      display: none;
}

}

1 Answer

Bill Talkington
Bill Talkington
11,840 Points
Bill Talkington
Bill Talkington
11,840 Points

There's a semi-colon missing after the font-size in '.title'. Sorry about my earlier, somewhat off-topic, answer.

thomascawthorn
thomascawthorn
22,986 Points

Sounds about right! Those pesky semi-colons.

ramseydennis
ramseydennis
4,530 Points

Thanks Bill - I appreciate it