實務練習

• 使用 media queries 排出如圖的流動式佈局.

備註: 注意 HTML 中的空白字元

JS Bin

• 加入導航列、表單、Logo

備註: 善用寬度百分比方式去設計佈局

image source: www.wix.com