模写コーディング１回目　news

時間　６時間３２分

感想
今回もできるだけ模範コードを見ないようにやってみた。やはり途中でドはまりした。なぜだかわからないが、部分的にCSSが効かなくなる。結局今回も、最初か書き直したらすんなりできた。６時間３２分かかったが実際は、その間に休憩、食事、テレビなどで２時間くらいはマイナスされている。

学んだこと

display: block;

サイドメニューのクリックできる範囲を広げる方法
.side-bar1 a {
 display: block;
 padding: 10px;
}

横並びのものを立て並びに変える方法
.post-date span{
 font-size: 1rem;
 border-top: 1px rgba(255,255,255,.5) solid;
 padding-top: 6px;
 display: block;
 width:60%;
 margin: 0 auto;

※この記事は、勉強する中での気付きや学びをメモしているものです。間違った内容を書いていることもあるのであらかじめご了承下さい。