This course will be retired on July 21, 2017.
Bummer! This is just a preview. You need to be signed in with a Pro account to view the entire video.
Grid Challenge Solution1:56 with Guil Hernandez
In this video, you're going to use the grid to build the 'home' view for the Trekker app prototype.
<p>On Trekker you'll find everything from easy day hikes to moderately strenuous hikes and extended overnight backpacking trips. We have thousands of nature trails, lake hikes and river hikes. Find hikes to viewpoints and mountain summits, urban hiking trails and backcountry treks — something for hikers of all abilities and experience levels.</p>
<p>Every hiking trail is linked to a map and a trail overview page, which offers additional features like photos and trail reviews. <a ui-sref="home">Start browsing for trails</a> and find the perfect hiking trail near you!</p> </p>
<p>The trails on Trekker were contributed by hikers around the country. If you don't see your favorite local trail on Trekker, please share it with the hiking community! </p>
<p>To get in touch with the awesome folks at Trekker, send an email to <a href="mailto:email@example.com">firstname.lastname@example.org</a>. </p>
Okay, so in the previous video I asked you to add grid elements to the Add Trails,
About, and Contact views.
So now I am going to show you how I created them and
then we are going to add some content inside the views.
So first I am going to open up the about.html template in my project
files and as you can see I used a grid block component and
I wrapped the about content in a grid content element.
And I added an hr below the heading just for some separation.
So now, for
the content, I'm going to paste in a couple of paragraphs about Trekker.
So right below the hr, I'm going to paste in a content snippet,
you'll find in the teacher's notes to this video.
Now you can go ahead and add your own content.
But again, if you wanna copy the snippet, you'll find it in the teacher's notes.
So, next I'm going to save the about template and go over to the add-trails
template, and as you can see I also used a grid block and
inside the grid block I nested a grid content container.
So, for the add trails content, I'm once again going to paste in
a paragraph snippet that contains information about adding views.
Again, you can copy this paragraph snippet from the teacher's notes.
So I'll save the add trails view and go over to the Contact view, where again,
I laid the content out using a grid block and a nested grid content container.
So right below the hr, I'm going to paste a paragraph snipit
containing some contact information about Trekker.
You'll also find this snipit in the teachers notes.
All right so now the three main views all have content inside them.
You need to sign up for Treehouse in order to download course files.Sign up