前提・実現したいこと
progateの道場コース中級で、【2.ヘッダーを作ろう】から抜け出せません。
見た目全く同じで、検証と1字1句見比べましたが、全く見つからず困っています。
どんなことが考えられますか?
別の質問で「progateでは見た目が同じになればいいと思っている。」というものもみて、とにかく次に進みたいです。
発生している問題・エラーメッセージ
該当のソースコード
<header> <div class="container"> <div class="header-left"> <img class="logo" src="https://prog-8.com/images/html/advanced/main_logo.png">HTML&Css ソースコード
</header></div> <div class="header-right"> <a href="#" class="login">ログイン</a> </div> </div>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
header{
width:100%;
height:65px;
background-color:rgba(34,49,52,0.9);
position:fixed;
top:0;
z-index:10;
}
.container{
width:1170px;
margin:0px auto;
}
.header-left{
float:left;
}
.logo{
width:124px;
margin-top:20px;
}
.header-right{
float:right;
background-color:rgba(225,225,225,0.3);
transition:all 0.5s;
}
.header-right a{
color:white;
line-height:65px;
padding:0 25px;
display:block;
}
.header-right:hover{
background-color:rgba(225,225,225,0.5);
}
試したこと
検証と見比べました。
また、間違いがわからなかったため、3周ほど書き直していますが、同じ箇所が間違っていると表示されます。
補足情報(FW/ツールのバージョンなど)
Google Chromeで作業しています。
回答1件
あなたの回答
tips
プレビュー