CSS認識されない　progateのHTML＆CSSコースの５/１８スライドで何が間違っているかわかりません

前提・実現したいこと

このようなことが起こった時の今後の対処
ここに質問の内容を詳しく書いてください。
progateのHTML＆CSSコースの５/１８スライドで何が間違っているかわかりません

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

CSSで.signupを指定しても認識してもらえません

エラーメッセージ　４２行目周辺が間違っています

該当のソースコード/* signupクラスのCSSを指定してください */

.signup{
background-color:#239b76;
}

ソースコード　HTML＆CSS

試したこと

ここに問題に対して試したことを記載してください。　
HTMLを全部消して答えのものを貼り付けた
コードの間違いがないか探した

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

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

kei344

2019/02/25 14:56

https://teratail.com/help/question-tips

azuapricot

2019/02/26 00:00

どうしても解決できないときはHTMLもCSSも全部答えのものをうつして次に進めばよいとおもいます。

m.ts10806

2019/02/26 01:39 編集

回答者でprogateのコースを受講している人ってそこまで多くはないと思いますし、いたとしてもそのコースを直で見るのってできるものなのでしょうか。いずれにしても実際の問題は質問者さんの目の前で起きています。目の前で起きているということは質問者さん自身責任を持って解決する必要があるということになります。その上で他人に教えを請うことになるわけですから、「自分で試したコードで起きた問題」として他人が再現可能な情報を全て提示する必要があります。質問は編集できますので、再編願います。この際progateであるという旨は排除してしまっても構いません。

dit.

2019/02/26 03:36

以前回答のためにprogateに登録したことがありますが、おそらく該当のコースは有料の部分ではありませんか？無料会員なので学習内容を閲覧できませんでした。（おそらく学習コースHTML & CSS 中級編のどこかだと思いますが）４２行目周辺と指摘されていたとしてもその前後が間違っている可能性もあります。全体的によく確認してください。解答も見られますよね？

sakanamotoki

2019/02/28 19:32

みなさんコメントありがとうございます結局リセットしてもう一度やったら次に進むことができました。質問の仕方が悪かったみたいですねこれから気をつけます。指摘してくださってありがとうございます。複数のユーザーから「やってほしいことだけを記載した丸投げの質問」次からはこうならないように気をつけますのでまたご指導お願いします。

dit.

2019/02/28 23:37

問題が解決した場合、自分で回答し自己解決とするか、ベストアンサーを選んで「解決済み」にしてください。

行動規範の内容に同意します

回答2件

HTML
1<!-- 一応有料会員限定スライドなので一部のみ抜粋 -->
2    <div class="top-wrapper">
3      <div class="container">
4        <h1>LEARN TO CODE.</h1>
5        <h1>LEARN TO BE CREATIVE.</h1>
6        <p>Progateはオンラインプログラミング学習サービスです。</p>
7        <p>初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。</p>
8        <!-- ここにコードを書いていきましょう -->
9        <div class="btn-wrapper">
10          <a href="#" class="btn signup">新規登録はこちら</a>
11          <p>or sign up with</p>
12          <a href="#" class="btn facebook">Facebookで登録</a>
13          <a href="#" class="btn twitter">Twitterで登録</a>
14        </div>
15      </div>
16    </div>
17

CSS
1.top-wrapper h1 {
2  opacity: 0.7;
3  font-size: 45px;
4  letter-spacing: 5px;
5}
6
7.top-wrapper p {
8  opacity: 0.7;
9}
10
11/* btnクラスのCSSを指定してください */
12.btn {
13  padding:8px 24px;
14  color:white;
15  display:inline-block;
16  opacity:0.8;
17}
18
19
20/* signupクラスのCSSを指定してください */
21.signup {
22  background-color:#239b76;
23}
24
25
26/* facebookクラスのCSSを指定してください */
27.facebook {
28  background-color:#3b5998;
29  margin-right:10px;
30}
31
32
33/* twitterクラスのCSSを指定してください */
34.twitter {
35  background-color:#55acee;
36}
37
38
39/* btn-wrapperクラスのCSSを指定してください */
40.btn-wrapper {
41  margin:20px 0px;
42}
43
44
45/* btn-wrapperクラスの中にある<p>のCSSを指定してください */
46.btn-wrapper p {
47  margin: 10px 0px;
48}
49
50