要素内で複数の項目を整列する: ステップバイステップのガイド

Question

異なる項目を1つの要素内に並べたい! Elementにフレックスボックスを与えて中の項目を自分で調整してみました！しかし、正しく反応しません！リスト項目は、左のリンクが左側に、右のリンクが右側に配置されて、一列に並ぶ必要があります。ロゴは中央にあるはずです！

リーリー リーリー

//justify-items も試しましたが、役に立ちませんでした。

Answer 1

私の理解が正しければ、ul が親であると思います。これは親なので、 display: flex を割り当てます。

Answer 2

Flex プロパティを ul

に適用する必要があります リーリー

項目を画面の両側に配置し、ロゴを中央に配置するには、ヘッダーを justify-content:space-Between

に設定するだけです。

これが必要な変更の完全なリストです

リーリー