Sass記述 エラー表記

Question

###Sass　エラー表記　修正箇所不明

Sass表記の際、ターミナルにてエラーが発生したのですが、特にめぼしいエラーがなく、どこを修正すればよいのかがが不明です。
｛　｝も特に問題ないように見受けられます。
ご教示の程宜しくお願い致します。
https://gyazo.com/95250e569328c706de207a2609dc537c
https://gyazo.com/a1a63ce8c184b2efe9c8be3f08a2ceea

.cover {
    position: relative;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    z-index: 50;
}


.title {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: $white;
    z-index: 1000;
　　padding: 23.5rem 4rem 28.5rem;
　　h1 {
　　    font-size: 3.2rem;
　　}
　　h2 {
　　    font-size: 2.4rem;
    }
    @media (min-width: 769px) { //pc
        padding: 22.4rem 32.3rem 300rem;
        h1: font-size: 8rem;
        h2: font-size: 4.8rem;
    }
}

    .carousel sp {
        @media (min-width: 769px) {
            display: none;
        }
    }


    .carousel pc {
        @media (max-width: 768px) {
            display: none;
        }
    }

Comments

[miyabi_pudding]

ソースコードは、画像ではなく、
```scss
ここにソースコード
```
といった形式で、コードブロックに記載してください。

[hiyoko_000001]

お手数おかけしてしまい申し訳ありません。
コード挿入させて頂きました。
ご指摘箇所修正したのですがエラー表示が治りませんでした。
h1 h2部分も同じように修正したことが原因でしょうか？

Answer 1

コードは画像ではなく、実際のものコピーして貼り付けて欲しい。その時はコードはマークダウンのコードブロック内に入れてほしい。

回答者はたいてい回答する前に動作確認するのだが、画像だといちいち手打ちしなければないないが、そんなことはやってられない。
また、全角空白とか紛れ込んでいても画像では分からないし、コードブロックでないと分からない。

とりあえず、下記の部分はおかしいと思う。

    padding {
        22.4rem 32.4rem 300rem;
    }

追記されたコード

    @media (min-width: 769px) { //pc
        padding: 22.4rem 32.3rem 300rem;
        h1: padding: 8rem;
        h2: font-size: 4.8rem;
    }

セレクタとプロパティの区別ができていないようです。

padding font-sizeはCSSプロパティで状態や修飾の値を設定するものです。
h1 h2はCSSセレクタで修飾する対象を指定するものです。

下記のような構文になります。

CSSセレクタ{
    CSSプロパティ: 設定値;
    CSSプロパティ: 設定値;
}

Comments

[hiyoko_000001]

お手数おかけしてしまい申し訳ありません。
以後留意します。
コード挿入させて頂きました。
ご指摘箇所修正したのですがエラー表示が治りませんでした。
h1 h2部分も同じように修正したことが原因でしょうか？

[miyabi_pudding]

横槍すみません。

> h1 h2部分も同じように修正したことが原因でしょうか？

その通りです。
hatena19さんが回答修正されてる通りです。

質問者さん、見よう見まねでやるのではなく、何をどう記載すれば動くのか、
「正しい文法」を"理解する"よう努めた方がよいかと思います。

[hiyoko_000001]

ご丁寧にありがとうございます。
今一度確認させていただきます。
ありがとうございました。

Answer 2

原因は、29〜31行目と思われます。

@media (min-width: 769px) { //pc
  padding {
    22.4rem 32.3rem 300rem;
  }

ブロック中に直接値を記載するのは、
この場合においては、エラー構文となります。

@media (min-width: 769px) { //pc
  padding: 22.4rem 32.3rem 300rem;

が正しい文法となります。