【HTML&CSS】flexboxを使って2つのブロック要素を両脇(左右)に寄せる方法
こんにちはHTML&CSS初心者のhimakuroです。 今回の記事は次世代のfloatと言っても過言ではないflexboxについてです。 この間ランディングページ(LP)のヘッダーを実装している時に、少しハマってしまったのでメモがてらその内容をまとめます。 flexboxを活用してヘッダーを作りたかった よくあるこんな感じのデザインの上部分(サイトタイトルとロゴ)をflexを活用して実装しようとしました。 startとendで両サイドに寄せようとしていた flexな要素に対して左右の位置を調整する場合、 justify-content を活用する事が出来ます。 そこで僕は下記のようなコードを…
2020/06/30 22:12