Hi all,

I'm having a hard time to complete this trailhead: "Create a Simple Camping List Lightning Component", inside module "Lightning Components Basics".
This is the error message I get:
"Challenge Not yet complete... here's what's wrong:
The component is not using the correct font size."

This is the task-description:

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'.

And here is my code:

camping.cmp:

<aura:component >
    <c:campingHeader />
    <c:campingList />
</aura:component>

campingList.cmp:

<aura:component >
    <ol >
        <li>Bear Repellant</li>
        <li>Bug Spray</li>
        <li>Goat Food</li>
    </ol>	
</aura:component>

campingHeader.cmp:

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

And finally the campingHead.css:

.THIS { 
}
H1.THIS {
font-size: 18pt;
}

 

Hi all,

I'm having a hard time to complete this trailhead: "Create a Simple Camping List Lightning Component", inside module "Lightning Components Basics".
This is the error message I get:
"Challenge Not yet complete... here's what's wrong:
The component is not using the correct font size."

This is the task-description:

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'.

And here is my code:

camping.cmp:

<aura:component >
    <c:campingHeader />
    <c:campingList />
</aura:component>

campingList.cmp:

<aura:component >
    <ol >
        <li>Bear Repellant</li>
        <li>Bug Spray</li>
        <li>Goat Food</li>
    </ol>	
</aura:component>

campingHeader.cmp:

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

And finally the campingHead.css:

.THIS { 
}
H1.THIS {
font-size: 18pt;
}