調整瀏覽器大小時CSS重疊文本

Question

我試圖複製（就像在CSS中練習）this website。在全尺寸瀏覽器，它看起來不錯（我overall result），但調整的時候，我得到了兩個問題：

1）菜單與名爲「微微」（如​​和here重疊）。

2）其中一個div不會在所有寬度上填充瀏覽器（here）。

我試圖播放width: 100%和overflow值，但無法找出問題所在。

以下是jsfiddle上的代碼。

Answer 1

1. 因爲.menu類有position: absolute並沒有看到'Pico'文本。
2. 從.header中刪除最小寬度並將flex-wrap: wrap添加到.level。