在本期视频教程中，我们将完成单个视频模板的代码编写。
我们首先对 CSS 进行一些整理。videos.scss 文件的一部分适用于与视频相关的页面，一部分特定于档案页面，一部分特定于单个视频页面。目前，它将在所有这些类型的页面上加载。由于 CSS 代码量很小，因此这样做是可以的，并且可能也是最佳做法（最大程度地利用缓存）。如果该单个文件中开始出现大量不同的代码，我可能会将其分成两个文件。
我们解决了在上一个视频结尾遇到的难题，即我们的评论位于 <article> 标签内。我们使用网格进行结构化，并添加了适当的包装器。
我们不再使用标题区域，而是将使用黑色导航栏（面包屑）显示视频标题，然后视频将直接位于其下方。这样一来，视频下方标题和描述的样式与博客文章、片段、年鉴条目或其他类似内容的样式基本相同。一致的模式真好。