Ant9769

Добавьте в класс navbar-wrap свойство: значение align-items: flex-start;

.navbar-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}

Изначальное значение stretch растягивает элементы по поперечной оси, в данном случае по вертикали

Суть в том, что вы не используете шаблон из видеоурока. Там есть специальный набор стилей для сброса стандартных стилей элементов: libs/bootstrap-reboot.min.css

В самом примере не сброшен margin-top у списка ul. Из-за которого и возникает эта неровность.

Ну или можно просто добавить margin-top: 0 в .navbar-menu