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

<a class="practice-cta" aria-disabled="true">前往精選作品（待設定）</a>

<a class="practice-cta" href="#featured-work">查看精選作品</a>

.practice-hero { position: relative; color: white; background: url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=80") center/cover; }

.practice-hero { position: relative; display: grid; min-height: 560px; align-items: center; color: white; background: url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=80") center/cover; }

本練習沒有這個檔案。

本步驟不需修改此語言。

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先重新整理頁面，並準備調整瀏覽器視窗寬度。

2. 操作

   把視窗拉寬與縮窄，確認 Hero 內容保持置中；再回到頁首點擊 CTA，確認網址出現 #featured-work 並抵達精選作品區。

3. 預期

   內容置中不貼邊，CTA 可抵達精選作品區