首先，我必須先說本篇真的不是在幫HackMD打廣告，純粹是想稍微分享我開始寫電子筆記這件事。 其實從小到大我都有做筆記的習慣，但傳統紙本筆記最大的缺點在於保存不易，以前寫的厚厚一本筆記在成長的過程中直接失蹤。 從小學到高中的求學過程中，有很大一部份的時間都在補習班度過，也就沒有機會接觸到可以快速寫出精美筆記的軟體或網站。 直到大學，作筆記變成是每個人都要會的基本功(至少在我的班上是這樣~)，又因為
material from: freeCodeCamp、CSS Tools: Reset CSS Use the flex-direction Property to Make a Row & Column 透過新增display:flex;這個屬性設定到元素上，該元素就會變成一個有彈性的容器(flex container)。 接下來可以進一步設定flex-direction，調整容器內部
material from: freeCodeCamp、CSS Tools: Reset CSS Use display: flex to Position Two Boxes 這邊算是 flex box 的初入門，display:flex 宣告父容器要用 flex box 的形式放置網頁元素。 因為下面設定2個box各佔50%寬度的關係而且沒有多寫flex: wrap;，所以在縮放視窗時，沒辦法