现在你看到的是宁皓出的一个网站设计与开发的系列课程。找到课程的第一集，先去准备一个项目 .. 然后可以打开命令行 .. 进入到项目所在的目录..

先切换到 master 分支 ... 再执行一下 git pull ...

然后再把项目切换到一个特定的标签上 ...

git checkout v10.0.0

完成以后，打开项目 .. 在 design 目录的下面，有一个设计文档 .. 如果你用的是 macOS，并且安装了 sketch .. 可以打开这个设计文档 ..

没安装的话，可以找到这个 pdf 格式的文档 ...

这集我们要做的是这个页面的底部这块设计 ... 设计我已经做好了，我们要做的是把这个设计用代码的形式表示出来 ..

这块设计没什么技巧，就是一堆文字 .. 不过要注意是空间 ... 内容与容器之间的空间 .. 文字与文字之间的空间 ..

在小尺寸的设备上，这块设计会用一个手风琴组件来表示 ... 点击标题 .. 会显示出对应的内容 .. 隐藏之前显示的内容 ...