請切出如下圖的版面：
不需要做到完全一樣，但可以盡你所能做的相似，除此之外，還要支援超基本的 RWD，在手機上看也不會跑版。
你可以觀察這個網頁來決定應該如何實作。
- 把內容改成一些真的文字（主題自己想，重點是要讓這網站看起來是真的可以用的網站）並美化網站
請切出如下圖的版面：
可以先觀察這個網頁。
文字可以自己換成其他的，只要效果有達到就好。一樣要支援簡易的 RWD，在手機上看不會跑版（拍手會自動隱藏）。
- 去觀察 Medium 的網站，連下面的推薦文章一起實作
- 去觀察 Medium 的網站，左側的功能不只拍手，連社交分享功能一起切出來
- 去觀察 Medium 的網站，並加上網頁上方的 nav bar
請完成這個小遊戲：https://flukeout.github.io/
請完成這個小遊戲：http://flexboxfroggy.com/
請將答案寫在 hw5.md。
- 請找出三個課程裡面沒提到的 HTML 標籤並一一說明作用。
- 請問什麼是盒模型（box modal）？
- 請問 display: inline, block 跟 inline-block 的差別是什麼？什麼時機點會用到？
- 請問 position: static, relative, absolute 跟 fixed 的差別是什麼？分別各舉一個會用到的場合
Hacker News 是一個很知名的網站，上面有著各種與科技相關的資訊。現在請你看著這個網站，把它切出來。
或是如果你想把它變得更美，也可以試試看。
打開你的 Facebook，看著它。
打開你的文字編輯器，開始依樣畫葫蘆，切出一個 Facebook。
你只要切出你現在看得到的版面就好，不用考慮往下滑什麼的。但如果你切完還是心有餘力，那也可以試試看。