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

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) {

  .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

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

Sounds about right! Those pesky semi-colons.

Thanks Bill - I appreciate it