Сергей Котов

я использую вебпак с экстракст текстом и postcss autoprefixer

.bar:nth-child(2){
display: none;
}
/**/
.bar:last-child{
display: none;
}

margin: 0 auto;
или родителю
display: flex;
Flex-direction: column;
Align-items:center;

флекс боксы

setTimeout offsetTop. tranform:translate transition

это просто макет или действующий ИМ? Если действующи отправляете ajax запрос на сервер значения цены с текушего положения ползунка. Сервер делает sql запрос используя данные клиента (цена мин макс) и должен возврарить json. далее в метод success обрабатывате json через each. Если тупа макет то через собитие draggable нужно как то обработать я хз

Сам верстай че как не верстальшик

.ideing{
Margin: 15px;
Width:calc(33.3333333% - 30px);
}

И ещё оцентруйте все в ideing прям бесит

.ideing{
Margin: 15px;
Width:calc(33.3333333% - 30px);
Display: flex;
Flex-direction: column;
Align-items: center;
}

<div class="fon2" ></div>
В css:

.fon2{
  height: 100vh;
  background-image: url('../img/1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  //если не получилось поставить картинку попробуйте bg color
  background-color: red;
}

vue js

Чета слишком много кода для выпадающего меню

Div(div(span, span, span), ul(li) )

чтобы растянуть блок на всю ширину за предела родителя пропишите свойство width: 100vw;
margin-left: calc(-50vw + 50%);