案例响应导航

练习目标

横向导航在宽屏一行排列，窄屏改为折叠或换行（可先实现换行版再挑战汉堡菜单）。

要点

display: flex、justify-content: space-between、align-items: center；小屏 @media 调整 flex-direction 或字号。

小结

真实项目常配合 JS 控制移动端菜单开合，CSS 负责展开后的布局与动效。