Евгений Петров

input{
    &:-ms-input-placeholder {
        color:#fff;
    }
    &::-moz-placeholder {
        color:#fff;
    }
    &::-webkit-input-placeholder {
       color:#fff;
    }
    &.dark{
    	&:-ms-input-placeholder {
	        color:#000;
	    }
	    &::-moz-placeholder {
	        color:#000;
	    }
	    &::-webkit-input-placeholder {
	       color:#000;
	    }
    }
}

Как-то так
https://jsfiddle.net/kwo8emox/9/
В продолжении ответа twobomb

нужно иметь разные id для блоков. оно потому и называется id. а вот класс может быть для всех блоков одинаковым и от него уже можно плясать

Показывать нужно профессионализм. Профессионализм - это уверенное владение вопросом, ответственность за результат, ориентация на заказчика, воспроизводимость/повторяемость качественного результата.

До окончания проекта вы можете лишь создавать видимость профессионализма, а реальная его оценка будет после завершения проекта.

Чтобы создать видимость профессионализма нужно:
1. говорить уверенно
2. слушать, а не навязывать
3. демонстрировать уверенное владение технологией производства
4. говорить о проблемах и методах их решения/устранения
5. отстаивать свои интересы

Проговорите с клиентом всю технологию производства его продукта, обозначьте рискованные этапы, предложите варианты снижения рисков на всех этапах. Разделите риски с заказчиком, на некоторые моменты вы не сможете влиять, четко об этом скажите - если вам нужен результат, то вкладывайтесь вместе с нами, иначе ничего не выйдет.

Когда заказчик поймет предлагаемую технологию, поймет что вы ее прекрасно знаете, что вы знаете все тонкие места и подводные камни (то есть делали это многократно) - тогда вы создадите видимость своего профессионализма.

#div1 .div2:hover #div1 .div2 .div3
Как перевести эту строку?
Магии нет, есть мошенничество
в блоке #div1 нет вложенного #div1 кроме того ид может быть только один на странице....

#div1 .div2 так писать не надо
#div1 .div2 .div3 - за это нужно отстреливать
#div1 .div2:hover #div1 .div2 .div3 это.....

/*Magic:*/
#div1 .div2:hover .div3{
  background: red;
}

strtotime?

date('d.m.y', strtotime($responce['date']));

PS В слове "response" нет буквы "c".

jqueryui.com/slider

очень примерно как то так (не проверял)

clickOutside(selector) => {
  return outsideClickListener = (event) => {
    if (!$(event.target).closest(selector).length) {
      // клик вне блока с селектором selector
    }
  }
}

  window.document.addEventListener('click', clickOutside('#target'))

Вот подобный пример когда-то отвечал

Если аватарка у вас задается через тег img то вот так:

img {
  object-fit: cover;
  object-position: center;
}

Если через background:

.image {
  background: url() no-repeat center;
  background-size: cover;
}

А вообще если хотите получить нужный ответ, то присылайте ссылку на песочницу. Так будет лучше.

https://jsfiddle.net/yrctuc46/

Гугл aishek.github.io/jquery-animateNumber