はじめに

未来電子テクノロジーでインターンに参加している、tomokiyo_hiromuです。
プログラミングの勉強を始めて約1週間が経過しました。
今回は、Progate中級編を終えてつまづいたところを発信しようと思います。

marginとtext-alignの使い分け

text-alignの場合は、インライン要素を左右、中央に寄せることができます。
しかし、containerのように要素が広い時はmagrinで設定します。
この区別がきちんと理解できていませんでした。

基準位置の変更方法

position:absolute;とすると、要素の基準位置を左上に変更できます。
親要素にposition:relative;と指定することで、その要素の左上を基準位置とすることができます。
基準位置をうまく変えられなくて悩んでいましたが、原因はここにありました。

まとめ

中級編まで終えて、アウトプット量の少なさを実感しました。
理解したつもりでも、演習になると手が動かなくなっていました。
これから学ぶことが増えていくので、それに比例してアウトプットも増やしていきます。
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。
最後まで読んでいただき、ありがとうございました。