今天完成的事情：

      在师兄的帮助下检查任务4的代码，解决任务4页面崩塌及缩放问题。

      发现任务5的布局因为使用div元素过多，导致页面崩塌。加入flex元素更改页面布局。了解到div元素运用过多会导致页面崩塌，页面布局应避免过度使用div，span元素。

      了解了justify-content：flex-start；align-items：center；使内容垂直居中在同一行显示，配合<p>标签完成了任务5图1content部分布局。

      大致完成了任务5图片1的页面。

明天计划的事情：

     解决任务5 页面缩放时，页面过大过小的问题。进行任务5图片2的布局，进一步熟练flex元素的使用。

遇到的问题：

    任务4viewport使用代码是缩略后的，content=“width=device-width，initial-scale=1，”

    改成完整的代码content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"后任务4页面缩放问题解决，但同样运用到任务5页面后却没有效果，还是搞不清楚到底哪里出了问题。

   由于对flex的使用不够了解，任务5页面选择了用div盒子层层嵌套，导致页面崩塌，改用了标签加上flex元素，才修改完成任务5图1。自身对于flex元素及html个标签之间的运用还不够了解。

从任务4到任务5一直被页面缩放问题困扰，还是要搞清楚到底哪里出了问题。