SCSSのメディアクエリについて

Question

前提・実現したいこと

htmlとscssについて質問があります。
scssでメディアクエリを書いたのですが、適応されません。

ビューポートも記述してありますし、エラーも発生していません。
検索しても、cssのことしか出てこないので、困っています。

発生している問題・エラーメッセージ

エラーメッセージは出ていません。
VScodeを使ってローカル環境でコードを書いています。

以下、ビューポートとメディアクエリのコードです。

該当のソースコード

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> ```

@media (max-width: 768px) {
.navbar-brand {
    width: 1.5rem;
}
.carousel-caption {
    top: 45%;
    h1 {
        font-size: 2rem;
    }
    h3 {
        font-size: 140%;
        font-weight: 400;
        padding-bottom: .2rem;
    }
}
.carousel-caption .btn {
    font-size: 95%;
    padding: 8px 14px;
}
.text-item {
    padding-top: none!important;
}
.carousel-inner {
    font-size: 2rem;
}
}

### 試したこと

scssはコンパイル済で、htmlに読み込まれています。
メディアクエリと同じファイルに書いているのにメディアクエリのみ、適応されません。


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[hatsu]

・viewportより下で正しいpathのcssを読み込んでいるか
・scssで描いてあるclassがhtmlで書かれているか
・当てたいcssより優先度高く当てようとしているCSSはないか
あたりを確認したいです！
該当のHTMLあたりの記述もお願いしますmm

[yoshinavi]

メディアクエリの記述位置とそれ以外の記述位置はどうですか？逆になっていませんか？
先ずは、該当のHTMLと、メディアクエリ以外のCSSも提示されると回答がつきやすいかと思います。

Answer 1

SCSSファイルを2つ読み込んでいるのですが、もう1つを修正したら適応されるようになりました。
複数のファイルで同じコードが書いてあったりしたので、こちらの確認ミスです。
さらに、watch sassが起動してなかったこともあり、コンパイルされていなかった模様です。

目を通してくださった皆様、ありがとうございました。