Блог

Я прилагаю фрагмент из файла style.css, чтобы помочь вам, ребята, понять.

 .padding-fix {
  padding: 0;
}

div.navigation {
  float: right;
}

.navigation ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
}

.navigation ul#nav li {
  float: left;
  margin-right: 35px;
  padding: 20px 0px;
}

.navigation ul#nav li:last-child {
  margin-right: 0;
}

.navigation ul#nav li.simple-menu {
  position: relative;
}

.navigation ul#nav li a {
  color: #0B2644;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid #fff;
  transition: .5s
}

.navigation ul#nav li a:hover {
  border-bottom: 2px solid #000;
 

Это проблема, с которой я сталкиваюсь, я хочу выровнять панель навигации со строкой поиска

Вы можете попробовать

.navigation ul{ display: flex; justify-content: space-between; }

или

выберите все li элементы и добавьте margin-left: .5rem;