任务十：Flexbox 布局练习
任务目的
- 学习如何flex进行布局，学习如何根据屏幕宽度调整布局策略。
任务描述
- 需要实现的效果如效果图（点击打开）所示，调整浏览器宽度查看响应式效果，红色的文字是说明，不需要写在 HTML 中。
详细任务要求请点击百度前端查看
感想
第十个任务是了解flex，开始的时候并没有过多的去了解这方面的知识，自己是看了下相关的教学材料，才渐渐的有点了解flex的原理机能，然后才知道了，bootstrap的栅格化原理也是差不多如此，不能说是完全的熟悉，但是也是有了一定的基础了解，感觉还是挺好的。
下面是练习的演示和代码
Demo：
百度前端任务十