鐵人檔案
給自己 30 天的時間，挑戰學習 Web 前端。從每天的學習與實作出發，記錄新學到的內容、實作過程以及遇到的問題。這次挑戰不追求一次學會所有技術，而是希望透過每天一點點的累積，建立學習習慣，並完成這場屬於自己的 30 天挑戰。
想了很久，最後還是決定給自己一個30天的挑戰。 挑戰主題是 Web 前端。 不是因為完全沒接觸過，而是平常很多東西都是「有需要就查、查完就用」，真的要自己重新整...
原本想說先從 HTML 複習一下，應該不會花太多時間。結果打開以前的程式碼一看： <div> <div> <div&g...
昨天吃完 HTML 美味蟹堡，今天決定來消化一下。結果第一個遇到的問題就是 ——這個東西為什麼都不肯站中間？？？？？？？ 明明我的要求很簡單。就是： 你，站，中...
昨天好不容易把方塊本人抓到中間。 margin: 0 auto; 很好 ~ 左右置中，成功! 本來想說事情到這裡應該差不多了。 結果腦袋突然冒出一個很貪心的想...
昨天寫到最後才發現， 我一直以為： justify-content = 左右 align-items = 上下 結果一加上： flex-direction:...
前幾天一直在跟 Flexbox 奮鬥，今天決定先換個東西。 結果一看 CSS，又遇到另一個很常讓人懷疑人生的問題： 我明明寫 width: 200px，為什麼最...
不知不覺，居然來到 Day 7 了。 先恭喜自己一下。 第一週沒有跑路！！！ 原本第一天只是想說，先從 HTML、CSS 這些平常比較常碰的東西重新整理。 結果...
第一週終於結束了。先恭喜自己。居然真的撐到 Day 8 了。 前面一路從 HTML 美味蟹堡，吃到 CSS 置中，再被 Flexbox 抓去考方向感測驗。 第一...
昨天第二週才剛開始， 今天想說先換個跟 Flexbox 不太一樣的東西。 於是就看到這位： display: grid; 嗯名字是看過啦。但以前遇到排版問題，...
昨天正式認識了 Grid。 結果今天第一個問題馬上就來了： 既然前面已經有 Flexbox，那我到底什麼時候要用 Grid？ 不然以前我的排版邏輯大概就是：...
