展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

.portfolio-hero, .portfolio-section { padding: 12px; }
.portfolio-grid { display: grid; }

.portfolio-hero, .portfolio-section { padding: clamp(24px, 5vw, 56px); }
.portfolio-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }

本練習沒有這個檔案。

本步驟不需修改此語言。

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先從桌機寬度開啟整合頁，再準備切到 320px。

2. 操作

   從 Hero 往下捲動，比較內容區與卡片的間距是否像同一套網站。

3. 預期

   各來源區塊像同一個網站而非貼上碎片