本日小作品：
https://drive.google.com/file/d/1H8n9DY7KKhOtpXZO9bOiAxGSHQ4YT3at/view?usp=sharing

@media(max-width:768px){
    table{
        width: 100%;
        margin: 0;
    }
}
@media(max-width:768px){
    .more{
        width: 100%;
    }
}

設定max-width:768px時將表單自動變成滿版，視覺上比較好看。

@media(max-width:376px){
    .m-none{
        display: none;
    }
}

本次的重點，在手機版型的時候讓具有名為.m-none的class的表單元素關起來。這是因為通常表單具有相當多的內容，在手機上瀏覽時，必須將資訊做適當的精簡化，這裡將比較複雜的E（淘汰指數）和非常直觀的Rank關閉。保留適當數量的欄位才能讓使用者使用手機瀏覽時有好的使用者經驗。

－－－

備註：
因為在CodePen使用瀏覽器內建的手機模擬好像會跑不太出來，所以本次就直接上傳壓縮過後的原始檔案。

－－－

本日結語：
今天是二十四天，主要將之前做過的中職戰績表做出RWD的效果，如有寫錯之處麻煩各路高手指教><。