2022 铁人赛｜Day1 报名失败，还是要开赛吧！

背景脉络

在社群看到好多前辈于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，设定的是最小宽度，只要视窗大于该值，整体宽度会随萤幕弹性调整；当视窗小于该值，被设定的物件右边会超出画面。

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