测试你的技能：响应式网页设计和媒体查询

下载此任务的起始文件。在浏览器中打开下载的 HTML 文件，你可以看到一个网站的线框稿，并且在移动设备上加载这一网站的时候阅读起来不存在什么问题。你可以拖动窗口使其变小，或使用 Firefox 开发者工具中的响应式设计视图来查看手机上的效果。

你的任务是创建此布局的桌面版本，并且当有足够的屏幕宽度来容纳它时显示这一桌面版本。你的最终结果应该如下图所示：

有很多方法可以创建桌面布局，尽情试验吧。你也可以添加第二个断点，实现在平板电脑竖屏模式下也能运行良好的布局。