Create a Simple Camping List Lightning Component

1.Create a campingList component that contains an ordered list of camping supplies that include Bug Spray, Bear Repellant, and Goat Food.

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

2.Create a campingHeader component that displays Camping List wrapped in an H1 tag with a font size of 18.

<aura:component >

    <h1>Camping List</h1>

</aura:component>

use this for style 

.THIS {
}
h1.THIS {
font-size: 18px;
}

3. Create a camping component that contains the campingHeader and campingList components.

<aura:component >

    <c:campingHeader/>

    <c:campingList/>

</aura:component>