In this screencast we'll finish up code-wranglin' the template for single videos.

We start by getting organized in our CSS a bit. Some of the videos.scss file is global to video-related pages. Some is specific to the archival pages and some is specific to single video pages. For now, it will get loaded on all those types of pages. It's so little CSS, that's fine, and probably good (makes best use of caching). If there started to be a ton of divergent code in that single file, I'd probably break it in two.

We fix that conundrum we were in at the end of the last video where our comments were inside our <article> tag. We just structure it out with grids and have proper wrappers.

Instead of having a header area, we're going to just use the black-bar navigation (breadcrumb) to show the title of the video and then the video will be directly below it. That way below the video the title and description essentially use the same pattern as a blog post or snippet or almanac entry or anything else like that. Yay for consistant patterns.

Leave 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.