In this screencast we wrap up the Almanac section. There is a pretty clear hierarchy in the Almanac. It goes:

Home > Almanac Home > Property or Selector > Letter > Page

Every one of those steps have a view to themselves. So far we've looked at the top most levels and bottom most levels but haven't done anything in the middle. We spend some time getting those middle pages together. For instance, finding the right templates, getting the grid in place, etc.

We face one little issue where we used a negative margin on the almanac-wrapper on the Almanac home to pull the edges of the "book" up a little bit but that effect is undesirable on sub pages. We fix it by using some margin on the black bar navigation that is unique to these "middle" pages.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

We have a pretty good* newsletter.