左にロゴを寄せ、右にメニューを寄せ、メニューの余白は均一にせよ - レクチャーサイト

05左にロゴを寄せ、右にメニューを寄せ、メニューの余白は均一にせよ

emoji_objects

-- 全体 --
********** {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

-- logo側 --
********** .########## {
  width: 200px;
}

-- menu側 --
********** ul {
  display: flex;
  justify-content: space-between;
}
********** ul li {
  padding-left: 3em;
}

ヒント

-- 全体 --
display: flex;
justify-content: space-between;

-- menu側 --
display: flex;