We have a good start on the homepage navigation, but there is some styling stuff that still needs to get done. We start by completing the content itself, adding a few more nav links for a total of five. Then we alter the fonts and colors of the elements we used to match our Photoshop design.

This was the first time we've altered header elements, so we style them right in our _typography.scss file, hoping that these styles can set the standard for what those elements are site-wide. We also jump into Typekit and make sure we're setting our font-weights correctly for the fonts we're actually loading. No reason to risk faux-bolding or faux-un-bolding (if that's a thing).

We add the triangle character via a unicode character (no special font or icon needed). We snag it from CopyPasteCharacter.

Comments

  1. User Avatar
    Almarr Ormarsson
    Permalink to comment#

    The video is missing on the page.

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag