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

Dinesh Kumaar Rajendran
Dinesh Kumaar Rajendran
3,395 Points
Posted by Dinesh Kumaar Rajendran
Dinesh Kumaar Rajendran
3,395 Points

Heading media query doesnt work

@media (max-width:768px){
    .primary-content,.secondary-content{
        width: 100%;
        padding: 20px;
        border-top: none;
    }

    .main-header{
        max-height: 380px;
        padding: 50px 25px 0;


    }

    .title{
        font-size: 1.3rem;
        border: none;
    }

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

    .bird{

        display: none;
    }

    .into{
        font-size: 1rem;
    }


.for-floats-1,.for-floats-2{
    float: none;
    width: 100%;
}


#main-footer{
padding: 20px 0;

 }


}

2 Answers

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

What doesn't work? Could you provide more information, please?

By the way, there isn't any syntax errors.

Dinesh Kumaar Rajendran
Dinesh Kumaar Rajendran
3,395 Points
Dinesh Kumaar Rajendran
Dinesh Kumaar Rajendran
3,395 Points

There is no syntax error , h1 element doesn't get reduced to smaller size whereas other elements works perfectly .

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

Could you post the HTML or explain where the h1 is in relation to the other CSS provided, please? It may helpful to see the cascading and possible the element nesting.