Building out a 1-page site

Putting everything that's been covered so far to use, it's time to build out a site.
Building out a 1-page site
Introduction to the project
2 mins
assets.zip
14.4 MB
A look at the files
3 mins
The Markup - Navigation
5 mins
The Markup - Home and About
6 mins
The Markup - Facts and Meals
5 mins
The Markup - Testimonial and Footer
5 mins
First variables and mixins
7 mins
Setting up a custom function
3 mins
Adding an error to the function
2 mins
Setting up the typography
9 mins
Setting up the general layout
4 mins
Styling the navigation
5 mins
Styling up the home section layout
4 mins
Stlying the About section, and some trouble shooting
5 mins
Creating an underline pseudo element mixin
6 mins
Styling the facts and meals sections
8 mins
Styling the testimonial and footer, and fixing a mistake
11 mins
Adding in a media query mixin
9 mins
About section - large screen layout with grid
9 mins
Creating a grid mixin
8 mins
Fixing up the nav and about section
3 mins
Fixing up the typography + closing thoughts
5 mins