質問: 模写コーディングを行っています。 ![表示画面](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/3ef16bf1079dfffbf311b84301efc6f5.png) 画面幅を狭くした際に、日付とタイトルと段落との空白をなくしたいです。 【HTML】 ` 2018年9月1日 書くためのテーマ Writeは文章を書く人のためのミニマルなWordPressテーマです。装飾を極限まで省いたデザインは、あなたの文章を主役にします。 ` 【SCSS】 `.article{ display: flex; flex-wrap: wrap; @media screen and (max-width: 979px){ flex-direction:column; &-left{ width: 100%; height: auto; } } &-left{ height:200px; width: 30%; a{ color:$txt-color1; font-size:17px; display: block; } }` 画面幅が979px以下の時に、article-leftのheightをautoに指定したのですが、 既存で設定したheight200pxが当たってしまっています。 ディベロッパーツールで確認しても、 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/56d91a6f4c4b1566266179ac010650f9.png) height:autoが打ち消されて200pxが当たっています。 読み込む順番を変えてみたのですが結果は同じです。 ご回答いただけますと幸いです。
回答: 読み込む順番が原因でした。 ブラウザの更新を忘れいただけでした。 申しわけありません。