Как правильно использовать em в кнопках?

Ankhena,

Мне, пожалуй, проще на 10 делить, чем каждый раз делить переменную.

может быть. Но если сделать так? —

@function em($val, $fz: $base-font-size) {
  @return ($val / $fz) * 1em;
}
padding: em(5, 14);

Как правильно использовать em в кнопках?

Ankhena, нет. $base-font-size - это размер html, т.е. rem.
Если мы считаем em, то нужно от размера шрифта элемента отталкиваться.
В моем примере rem = 16px, а шрифт у блока = 14px, поэтому 14

Как правильно использовать em в кнопках?

cronhor, ну 5px/14px = 0,35714285714285714285714285714286
UPD
Да там все дроби бесконечные (те что в em пересчитаны)
В браузере, конечно, есть ошибки (неточности) округления, но у меня с этим проблем не было. Хотя делаю пиксел-перфект.

Как правильно использовать em в кнопках?

Что касается потерянного пикселя, это может быть результатом недостаточной точности значений. Sass напимер, бесконечные дроби округляет до 6 или 8 знаков после запятой, а не до трех. Но это неточно.

Как правильно использовать em в кнопках?

Ankhena, ну а я лишь заметил, что размер шрифта лучше выставлять такой, какой он есть в дизайн-макете, а не упрощать себе вычисления, которыми вполне может заняться компьютер. =)

Как правильно использовать em в кнопках?

Ankhena, у него препроцессор
написать миксин или функцию для rem - пять минут.
для em тоже:

$base-font-size: 16px;

html {font-size: 100%; } /* 16px default */

.block {
  font-size: 14px;
  padding: 5px;
}
// ==> 
.block {
  font-size: (14px / $base-font-size) * 1rem;
  padding: (5px / 14px) * 1em;
}

Где найти подработку для написания несложных скриптов?

Кот =)))

Хочу стать хорошим программистом,как быть?

Да не тупой ты. Знания и особенно умения так сразу не даются. Такого не бывает, чтобы прочитал книжку и сразу все понял, тем более книгу из новой области знаний.
Да и возраст. Времени вагон еще чтобы научится.

забросил бокс из-за этого.

А вот это зря. ни школу, ни занятия спортом бросать не нужно. Времени на все хватит. Энергии у подростков дофига.

Ссылки на "Вход" и "Регистрация" лучше делать с помощью CSS псевдоэлемента, или в HTML?

Загоните вашу страницу в ридер и прослушайте.

Как избавится от переноса блока на новую строку (скрин прилагается)?

Один хрен карточки будут разной высоты. Лучше на флексы перейти.

Как избавится от переноса блока на новую строку (скрин прилагается)?

Артур, я вам показал принцип устранения бага. Дальше сами тюнингуйте.

Как избавится от переноса блока на новую строку (скрин прилагается)?

<div class="col-xs-6 col-sm-12 col-md-3 my">
...
</div>

@media (max-width: 767px) {
  .my:nth-child(2n+1) { clear: left; }
}
@media (min-width: 992px) {
  .my:nth-child(4n+1) { clear: left; }
}

На label нужен ховер(или нету смысла)?

Обычно так не делают. Инпут рядом с меткой, он больше по размерам, в него проще ткнуть и в него и тыкают.
Исключение — чесбоксы и радиокнопки. Тут стилизация инпута вполне уместна при ховере на метке.

Я обычно не заморачиваюсь, если нет специальных указаний.

Удалённая работа - реально?

Не попробуешь — не узнаешь.

Responsive design.Первый заказ. Как быть с макетом?

Мне макеты в одном разрешении приходят - десктопном. Адаптирую сам.

Responsive design.Первый заказ. Как быть с макетом?

Как договоритесь.
Можно нарисовать три макета - 320 / 768-920 / 1200, а дальше верстала доделает.
Можно два - мобильный/десктоп.
Можно нарисовать под каждое требуемое разрешение.
Разумеется с количеством макетов должна расти стоимость работы.

В каком порядке писать Sass-селекторы?

KononovD, Иногда нужно пересилить себя и последовать общим практикам, чтобы позже ощутить всё их удобство.

disclaimer: но я ни на чем не настаиваю =)

В каком порядке писать Sass-селекторы?

KononovD, о других не думаете ))
А, кстати, сами-то пробовали, вернувшись спустя месяц-три к своему коду, что-то в нем переделать? Весело наверное прыгать по нескольким файлам, чтобы перестилять один блок.

В каком порядке писать Sass-селекторы?

и отдельным файлом медиа

Зачем? Ну зачем вы так делаете? вы не представляете сколько боли приходится испытывать когда дорабатываешь/исправляешь верстку на таких сайтах. Есть блок на странице — ну опишите вы все его стили в одном месте, включая медиазапросы...

Учусь верстать сайт и тут возник такой блок с input'ами, может кто то знает как его сделать?

Расположить блоки в одну линию, что может быть проще?

<div class="form">
  <input>
  <input>
  <input>
  <input>
</div>
.form {  display: flex; }
.form input { margin-right: 10px; }