網頁前端工程入門：CSS3 Flexbox 回應式設計 RWD 排版教學 By 彭彭

喜歡彭彭的教學影片嗎？點擊「加入」按紐取得更多會員服務哦。
加入會員：https://www.youtube.com/channel/UCguZS-y7codLSt6vpkVdnKg/join

使用最新的 CSS3 Flex 相關設定，協助完成 RWD 回應式設計網頁切版，若沒看過基礎的 Flex 介紹，請先參閱以下影片：

1. 版面欄位切割規劃
1.1 關鍵尺寸的拿捏，欄位數量的規劃
1.2 桌機、筆電：1200 像素以上，規劃四欄
1.3 平板：500 像素 ~ 1200 像素，規劃兩欄
1.4 智慧型手機：500 像素以下，規劃一欄

2. CSS3 Flex 容器額外設定
2.1 換行設定 flex-wrap

更多教學內容請參考：https://training.pada-x.com/