背景脈絡

在社群看到好多前輩於iT參加鐵人賽的通知，來到鐵人賽首頁上面寫著「9/16最後開賽日，別忘了開賽喔！」，於是在今天決定要開賽後發現...要先報名，可報名還不容易嗎？
.
.
.
啊，報名截止日是昨天...只能說沒有想到自己會想參加這次的鐵人賽，以事先掌握好比賽資訊(^o^;)
原本想說「那就有緣再見了，iT。」可仔細思考想參加的原因是希望推自己一把，有所產出，幸運的話也能協助到別人，而鐵人賽是一個助力，沒有取得這份助力，我也可以自己幫助自己！

（向各位提交報名資料）（土下座）

報名組別：自我挑戰組
系列名稱：那些解開結的瞬間 - 前端學習筆記
系列介紹：預計採每天一個主題的方式分享我當天（或之前）所學到的前端知識內容，範圍包含 HTML、CSS、JavaScript，且可能將會是相對基礎的筆記。

自我介紹

剛上完 AlphaCamp 學期 1 的前端新手，目前有持續報名學期 2-1 ，且同時在 Udemy 上學習 JavaScript 入門課程，請多指教！由於現階段對寫作有點陰影與執著，總是需要左修修右修修，花費超多時間才肯發送，希望這 30 天可以少一點語句的執著，更著重於把資訊傳達清楚即可。

讓我下定決心的那次分享 (CSS)

為了讓本篇文章也有點知識筆記，所以來小聊一下我是想到了什麼，才在今天突然決定開賽。
我在閱讀完 AlphaCamp 的課程講義後，隨手在底下的留言區分享自己對於課程內容的想法，然後收到了同學的回饋：

謝謝你的分享～最愛這種小心得！可能因為都是初學者所以更有幫助，淺顯易懂讚讚 ? 一起加油～

於是心想：「原來自己的分享也可以幫助到別人！」真的很開心ヽ(✿ﾟ▽ﾟ)ノ
.
那次分享是在談「 max-width 與 width 」
在設計作業時，由於在整頁式測試視窗中查看，設定 max-width 與 width 看起來都！一！樣！後來是在隨意調整視窗大小才發現差異：

當使用 max-width，設定的是最大寬度，在視窗不超過該值的狀況下，整體寬度還是可以隨螢幕彈性調整，只是當視窗寬度超過設定值，被設定的物件就會固定在該值。

⬆️ 圖解：視窗畫面 < max-width 設定值，導覽列的所有物件都有呈現
.
當使用 width 設定寬度，寬度會完全固定，當螢幕縮小到小於 width，被設定的物件右邊會超出畫面。

⬆️ 圖解：視窗畫面 < width 設定值，導覽列最右邊的圖示超出畫面
.
同理可以推展到 min-width，設定的是最小寬度，只要視窗大於該值，整體寬度會隨螢幕彈性調整；當視窗小於該值，被設定的物件右邊會超出畫面。

以上是今天的分享，謝謝看完的你！