Now that we know exactly what zones we're working with, we go back to Photoshop and mock in how we want these ad zones to look.

We have a precedent for the sidebar ad. It will be essentially just like the Treehouse sidebar ad, a module with an image inside it with the padding removed.

We do something similar with the content sponsor zones as we did in v9, only with an updated look. We make them modules that lay out side by side. To set them off a little bit we'll make the background dark and reverse the text.

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.