调整浏览器

Question

我正在尝试复制（就像在CSS中练习一样）this website。在全尺寸浏览器中它看起来很好（我的overall result），但是在调整大小时我会遇到两个问题：

1）菜单与名称“Pico”重叠（如here和here）。

2）其中一个div没有填充浏览器的所有宽度（here）。

我尝试播放width: 100%和overflow值，但无法找出问题所在。

以下是jsfiddle上的代码。

Answer 1

1. 由于.menu班级有position: absolute而且没有看到“Pico＆＃39;文本。
2. 从.header移除最小宽度，并将flex-wrap: wrap添加到.level。