问：我正在观看一些响应式Web设计的Smells Like Bakin网站视频，似乎找不到培训人员在哪里讨论grid_1，grid_2等方法。
有人知道这种解释在哪里发生吗？
答：用于该项目的简单网格Nick＆Allison是网格框架的基本示例。让我们回顾一下他们的过程–希望对您有帮助...
在Allison在Photoshop中设计网站之前，她导出了grid png以用作设计指南（基于她选择的参数）。然后，根据网格布局她的设计元素。
设计网格的总宽度为1000像素，由12列组成-每列65像素宽，每列之间的空白为20像素（第一列和最后一列除外）。
在css文件中，创建了12个“ .grid_”类–每个类代表列宽和边距的组合。因此，例如，.grid_1的宽度设置为65px，即1列宽度。然后，将.grid_2设置为2个列宽加上一个边距：65 + 65 + 20 = 150px。.grid_3类对网格的3列做相同的操作，依此类推...
放置好网格后，根据设置的列对页面进行布局非常简单。例如，假设您的HTML中有2个div：一个是主要内容div，另一个是侧边栏。您可以将主要内容div的类“ .grid_8”占用8列的宽度，然后将您的侧边栏div的类“ .grid_4”占用其余的4列的宽度。
答：您要查找的grid.css文件包含在项目文件中，该文件应在项目“构建基本网站”开始时下载。
所有项目文件都直接在视频页面上。要下载，请转至正在处理的课程视频，然后在视频播放器下方查看右侧。在那里，您将能够下载项目文件（视频文件，成绩单以及任何相关的代码资产）。
并非每个视频都有项目文件，并且项目文件通常是按顺序更新的，因此，如果您正在处理项目，则需要从第一个视频阶段进行下载。:)
