お疲れ様です。
先日提出した課題(018)は一部合格基準から外れていたため、再提出となりましたが、指摘された箇所を訂正するだけでしたので、そのあと合格をいただきました
指摘があった個所で、個人的に学びがあったのでメモを残します。
課題(018)の一番始めの問題で、見本と比べると、近いけどなんか違うなーと思っていました。
訂正前は display:flex; を使って横並びにし、中央ぞろえ…とコードを書き足していましたが、どうやら inline-block を使うとのことでした
そして inline-block に書き換えたのですが、今度は要素の中央ぞろえができず、沼にはまっておりましたが、 inline-block について調べてみたところ、
inline、inline-block要素を中央ぞろえにする時は、「親要素」に text-align や vertical-align を指定しなければならない。子要素に指定しても反映されない。
ということでした!
その情報を得て、コードを書き直したところ、本当にちゃんと中央ぞろえになりました
marginの相殺しかり、コードや要素によって、細かくルールがある場合があるんだなと痛感したので、今後にコードを書いていく中で、思ったようにならない時は、その要素の決まり事についてよく調べてみようと思います
そして現在は新しい課題(022)を始めているところです。
内容としては、メディアクエリを実装するものです。
数か月前にメディアクエリの復習をしましたが、まだ苦手意識のあるところですので、今課題で理解を深められたらと思います。