LoginSignup
0
0

課題(018)と課題(022)

Posted at

お疲れ様です。

先日提出した課題(018)は一部合格基準から外れていたため、再提出となりましたが、指摘された箇所を訂正するだけでしたので、そのあと合格をいただきました:relaxed:
指摘があった個所で、個人的に学びがあったのでメモを残します。

訂正.png
訂正図.png

課題(018)の一番始めの問題で、見本と比べると、近いけどなんか違うなーと思っていました。
訂正前は display:flex; を使って横並びにし、中央ぞろえ…とコードを書き足していましたが、どうやら inline-block を使うとのことでした:point_up:

そして inline-block に書き換えたのですが、今度は要素の中央ぞろえができず、沼にはまっておりましたが、 inline-block について調べてみたところ、


inline、inline-block要素を中央ぞろえにする時は、「親要素」に text-align や vertical-align を指定しなければならない。子要素に指定しても反映されない。


ということでした!
その情報を得て、コードを書き直したところ、本当にちゃんと中央ぞろえになりました:sob:

marginの相殺しかり、コードや要素によって、細かくルールがある場合があるんだなと痛感したので、今後にコードを書いていく中で、思ったようにならない時は、その要素の決まり事についてよく調べてみようと思います:computer:

そして現在は新しい課題(022)を始めているところです。
内容としては、メディアクエリを実装するものです。
数か月前にメディアクエリの復習をしましたが、まだ苦手意識のあるところですので、今課題で理解を深められたらと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0