Need help!

I am trying to complete Lightning "Create and Edit Lightning Components" trailhed challenge .
Create a camping component that contains a campingHeader and a campingList component.
The campingList component contains an ordered list of camping supplies that include Bug Spray, Bear Repellant, and Goat Food.
The campingHeader component contains an H1 heading style with a font size of 18 points and displays 'Camping List'.

I created Camping Component :
<aura:component >
    <c:campingList/>
    <c:campingHeader/>
</aura:component>

campingList Component:
<aura:component >    
    <h1>  type="List" default="['Bug Spray', 'Bear Repellant', 'Goat Food']"</h1>
</aura:component>

CampingHeader Component:
<aura:component >   
    <H1>Camping List</H1>    
</aura:component>

And a css tp add font-size 
.THIS {
}
H1.THIS {
    font-size:18px;
}

But I am getting below error :

Challenge Not yet complete... here's what's wrong: 
The component is not using the correct font size.

Please help.


 

Need help!

I am trying to complete Lightning "Create and Edit Lightning Components" trailhed challenge .
Create a camping component that contains a campingHeader and a campingList component.
The campingList component contains an ordered list of camping supplies that include Bug Spray, Bear Repellant, and Goat Food.
The campingHeader component contains an H1 heading style with a font size of 18 points and displays 'Camping List'.

I created Camping Component :
<aura:component >
    <c:campingList/>
    <c:campingHeader/>
</aura:component>

campingList Component:
<aura:component >    
    <h1>  type="List" default="['Bug Spray', 'Bear Repellant', 'Goat Food']"</h1>
</aura:component>

CampingHeader Component:
<aura:component >   
    <H1>Camping List</H1>    
</aura:component>

And a css tp add font-size 
.THIS {
}
H1.THIS {
    font-size:18px;
}

But I am getting below error :

Challenge Not yet complete... here's what's wrong: 
The component is not using the correct font size.

Please help.