Progateにおいてどこが間違っているかわかりません。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください
progateのHTML&CSS中級道場コースについての質問です。以下の画像において間違っているところがわかりません。何が間違っているのでしょうか。

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

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

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

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

Comments

[y_waiwai]

間違いとされたんで愚痴を言いたいということかな？

[yoshinavi]

パッと見は同じように見えますが、正誤判定の基準に、指定されたコード等あるのでしょうか？

Answer 1

想像ですが、選択したコードが正解ではなかったということでしょうか。
画像を見る限りでは「答え」の方が文字と背景のコントラストが高くて見やすくなっています。
そのことでしょうか。

Answer 2

単純に、「ページ」が「ぺージ」（ペがひらがな、長音符がハイフン）のように別の文字に入れ替わっている、ということはありませんか？

Answer 3

私も同じトラブルにはまりました。。。
赤枠で囲われているテキストが、答えに比べて薄色になっていることにお気づきでしょうか。
親クラスの"opacity"に影響されていることが原因だと思われます。

「中級編」のコードを模写したのだとすると、下記のようなタグ構造になっていると思います。

message-wrapper
┗container
┃┗txt-message

中級編を踏襲して "container"クラスにopacityを設定していませんか？
そうだとすると、txt-messageにもopacityが引き継がれてしまい、実際の色は "設定値×opacity" になってしまうことに注意してください。

対策としては、必要なところだけにopacityを設定することです。詳細は「答え」を参照してください。
.top-wrapper h1
.top-wrapper p

以上、参考になれば幸いです。