4. Media Query 作業

將以下 720px 二欄固定式版型，改成 Responsive

請先 fork 以下 codepen，這是一個寬度 720px 的固定式版型：

修改項目：

• 螢幕寬度在 576px(含) ~ 767.98px (含) 時，頁面整體寬度需改成 540px。

• 螢幕寬度在 575.98px(含) 以下時，頁面整體寬度需改成 100%；二欄式要變成單欄式。

• 圖片不得超出父元素，若在父元素的空間範圍中還夠放，那圖片就維持原圖尺吋。

• 注意事項：整體頁面的水平方向，不可出現水平捲軸。

完成示意：

參考作法：

作業繳交方式

繳交 CodePen 的網址，繳交至：

JAVA 班：java.tibame.com

前端班：frontend.tibame.com