Skip to main content
I am having trouble completing the challenge for the "Create and Edit Lightning Components" module of the "Lightning Components Basics" trail. Here is the 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'.

Here is my code:

camping.cmp

<aura:component >   

    <c:campingHeader/>

    <c:campingList/>

</aura:component>

campingHeader.cmp

<aura:component >

    <H1>Camping List</H1>

</aura:component>

campingHeader.css

.THIS {

}

H1.THIS {

    font-size: 18px;

}

campingList.cmp

<aura:component >

    <aura:attribute name="campingSupplies" type="List" default="['Bear Repellant', 'Bug Spray', 'Goat Food']" />

</aura:component>

When I check the challenge, I get the error message:

Challenge Not yet complete... here's what's wrong:

The component is not using the correct font size.

Any help is greatly appreciated.
35 respostas
  1. 9 de jun. de 2016, 11:37
    campingList.cmp

    <aura:component >

        <ol>

    <li>Bear Repellant</li>

    <li>Bug Spray</li>

    <li>Goat Food</li>

    </ol>

    </aura:component>

    campingHeader.css

    .THIS {

    }

    H1.THIS {

        font-size: 18pt;

    }

     
0/9000