媒体查询&flex布局&栅格布局

题目1： 用媒体查询实现如下要求

1. 在页面宽度> 1200px 时页面背景为红色
2. 在页面1200px>=宽度> 900px 时页面背景为绿色
3. 在页面900px>=宽度> 600px 时页面背景为黄色
4. 宽度<=600px 背景为灰色

demo

题目2： 实现一个简单的栅格系统(可选题目)
demo