pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Почему стоит использовать CentOS или fedora вместо Ubuntu?

Лучший ответ: Тут в вопросах чего или кого - очень много своей специфики.
Например как сказал Ivan Bogachev - доступность репозиториев.
С другой стороны - версии, личные предпочтения и доступные версии ПО.
На пример - я люблю использовать CentOS 6 из за классической системы старта. Я считаю CentOS 7 очень не удачной сборкой. Там по умолчанию нет привычного мне инструментария. На стороне CentOS - стабильность но не самые новые версии софта по умолчанию. Puias в помощь всем Красношапочникам. Но и там иногда лезут косяки.
Ubuntu (я рассматривяю только LTS сборки) представляет стабилизированный выбор более свежего софта. Плюс некоторые вещи там собраны удачнее (К примеру strongswan - все плагины в отдельных пакетах) . Та же Edubuntu предоставляет допиленный LTSP.
Тут выбор целе-ориентированный. Что лучше решает задачу - то и больше подходит.

Худший ответ: Если вы про сервер, то Centos имеет более длительную поддержку - 10 лет, при этом Ubuntu (LTS) - 5 лет. Иногда это может иметь значение. Остальное - дело вкуса и личных предпочтений.
Вопрос: Как при ховере на ссылку отобразить скрытый блок, находящийся в другом контейнере?

Лучший ответ: Да, но JS нужен все равно.
Для этого можно использовать события mouseover и mouseout // Элемент на который наводим курсор
const hoverElement = document.querySelector('.hover_element');
// Элемент который скрываем
const hideElement = document.querySelector('.hide_element');

hoverElement.addEventListener('mouseover', () => hideElement.style.display = 'block');
hoverElement.addEventListener('mouseout', () => hideElement.style.display = 'none');

Худший ответ: 1. Повесить обработчик ховера на ссылку.
2. В нем найти скрытый блок.
3. Сдублировать блок и положить его в корень документа(body) чтобы не было проблем с позиционированием.
4. взять у ссылки ее расположение относительно документа и задать скрытому блоку
  который абсолютно спозиционирован и дать ему видимость.
5. повесить на показанный блок обработчик mouseout который будет удалять блок.
Вопрос: Какой всё-таки объём памяти давать файлу подкачки в Windows?

Лучший ответ: Поставьте  автоматический размер, и забудьте про него.

Худший ответ: Если "блины" - то 4Гб, если SSD: можно авто оставить.
Так же можно юзать этот софт для очистки памяти.
Вопрос: Как отредактировать таблицы в phpmyadmin?

Лучший ответ: У Вас запрос SELECT * FROM `Baza`.`Art` WHERE;
Это неправильно. Тут 2 варианта
1) После оператора WHERE должно стоять условие, по которому производится отбор записей из БД
Пример:SELECT * FROM `Baza`.`Art` WHERE `id` = 0;
2) Либо просто выбираете все записи из базыSELECT * FROM `Baza`.`Art`;

Худший ответ: А как его убрать?SELECT * FROM `Baza`.`Art` WHERE 1=1;
Вопрос: Entity Framework и реальная жизнь с высокой нагрузкой?

Лучший ответ: EF стоит использовать тогда, когда в приложении есть много однотипных несложных запросов, особенно если это fix price проект.
Бывают конечно заказчики жлобы, которые все побыстрее хотят, по сути при работе с ними, кроме как EF вариантов то особо и нет, они не дадут вам время скажем писать скажем на Dapper. Но потом они обычно приходят, когда приложением реально начало много людей пользоваться и просят им повысить Performance, и тогда уже узкие места переписываются на SQL(часто в виде хранимок).

Худший ответ: Напрямую не оправдано, а вот если у вас есть прослойка в виде кэширования (для примера Redis), то нормально.
Вопрос: Где брать примеры хороших интерфейсов?

Лучший ответ: в рейтингах интерфейсы двухгодичной давности и из-за незнания сферы, кажется, что возможно это устаревшие решения.
На что опираться, чтобы выработать то самое чувство лаконичности, стиля?
Двухгодичной давности...
Я тебе адын умный вещь скажу, только ты не обижайся.
"Чувство лаконичности" можно начать тренировать с изучения, скажем, швейцарской типографики, которой - только не падай в обморок - около 60 лет. И пусть только кто-то попробует сказать, что она устарела.

Худший ответ: Современность в интерфейсах - не всегда признак хорошего интерфейса.
Если вопрос про проектирование, то лучше совместить разбор интерфейсов больших копаний с чтением профильной литературы (Иттен, Купер, Раскин и др.). В этом смысле мне импонирует Яндекс. Ещё ни разу, при использовании их продуктов, у меня не возникло серьёзных проблем.
А если вопрос только про дизайн, то тут нет однозначного ответа. Красота у всех разная.
Вопрос: Знание С++ помогут?

Лучший ответ: 1. Нет, знания конкректного языка (С++) сильно в этой области не помогают.
2. Вы пытаетесь сравнить теплое с мягким. Node.js в контексте вопроса можно рассматривать как набор готовых решений, что-то вроде стандартной библиотеки (крайне некорректно так говорить, но да ладно), с помощью которых можно на Javascript`е за несколько минут скомпоновать простой сервер. На C++ вам будут необходимы или другие готовые решения, или придется писать все с нуля на самом низком уровне. Этот вопрос достаточно сложен и требует несколько большего, чем знание какого-то там одного языка. 
3. Не совсем понятен вопрос, но скорее всего имелся ввиду тот факт, что написанное на C++ выполняется на железе, на Java - в ее виртуальной машине, на Javascript - его интерпретатором. Соответственно что-то поломать, намеренно или случайно, и осознать как работают какого рода атаки проще всего на С++ (имеется ввиду что-то вроде переполнения буфера).
4. Java медленный потому что см. предыдущий пункт. По той же причине Java проще переносится с платформы на платформу. Для игр это очень полезно.
В целом я соглашусь с ответом, данным выше - учите технологии и алгоритмы.

Худший ответ: Все пункты - НЕВЕРНЫ!
"Серьёзный пацан" - это Ваш мозг и логика, а Вам до этого "пацана" - как до Луны.
Учите технологии и алгоритмы! 
А языки - это лишь инструменты их автоматизации.
Вопрос: Как передать в функцию первое и третье значение?

Лучший ответ: Можно так:f(a, '', c);
Или сделать обработчик в самой функции:function f(a, b, c) {
    c = c === undefined ? b : c

    console.log(c);
}

f(1, 3) // 3
f(1, 2, 3) // 3

Худший ответ: function foo(a, b, c) {
  console.log(a, b, c);
}

foo(...[1,,3]); // 1 undefined 3
Лучше конечно объединить отдельные параметры в один - сделать их свойствами объекта. Тогда проблем с выборочной передачей параметров не будет.
Вопрос: Как узнать максимальное значение полезных данных в ip пакете?

Лучший ответ: у каждого пакета, если он не фрагментированный, свой IP-заголовок.
у каждого пакета, если он один является частью фрагментированного пакета, свой IP-заголовок.
максимальное значение полезных данных в IP-пакете - это максимальный размер ethernet-кадра (MTU) за вычетом заголовков (которые перед данными, для ethernet ii без 802.1q - 14 байт) и трейлеров (которые после данных, для ethernet ii - 0 байт) ethernet-кадра и заголовков (20 байт) и трейлеров (0 байт) IP-пакета.

Худший ответ: размер MTU равен 1500 байт, у jumboframe намного больше
Вопрос: Сложно ли написать бота vk?

Лучший ответ: Не сложно. Уже есть готовые. Ваших знаний не достаточно. При наличии знаний работы на пару вечеров. Это вам на фриланс.

Худший ответ: Не сложно. Уже есть готовые. Ваших знаний не достаточно. При наличии знаний работы на пару вечеров. Это вам на фриланс.
Вопрос: Как сверстать подчёркивание до цены?

Лучший ответ: Владимир , Ярослав Иванов , Максим 
не надо никакого джаваскрипт, угараете что ли? =)))
https://codepen.io/delphinpro/pen/ybMdPK

Худший ответ: В комментариях правильно говорят: надо велосипедить на js.
Вопрос: Какой ноутбук выбрать для графического дизайна?

Лучший ответ: все фигня кроме Макбук...
...да и Макбук тоже фигня

Худший ответ: Перечисленные Вами характеристики больше подходят для серьёзного фотошопинга.
Можно пожертвовать наличием SSD - если брать ноут с DVD-ROM, то можно заменить DVD-ROM на SSD самостоятельно.
Вопрос: Как установить поддержку синтаксиса SASS в Sublime?

Лучший ответ: в пак контроле в поиске вбейте сасс

Худший ответ: после установки выберите в View - Syntax нужный
Вопрос: Увеличится ли конверсия если перейти на https?

Лучший ответ: Если вы имеете ввиду CTR с поиска - нет, не увеличится. Лично тестировал, сейчас готовлю большую статью по результатам тестов с применением эмодзи в сниппете, переходе на https, манипуляцией текстами сниппетов и прочим.
Если вы имеете ввиду конверсию на самом сайте - она наверняка увеличится, но % увеличения будет настолько мал что заметить его можно будет только при гигантском количестве посещений, например как у Амазон.
Однако, это сильно влияет на ранжирование, поэтому переходить на https обязательно.

Худший ответ: Конверсию, вроде как нет, а вот доверие поисковиков и пользователей к сайту должно вырасти
Вопрос: Хранить в БД или PHP?

Лучший ответ: Разумеется, только в БД.
Маловероятно, конечно, но если вдруг проект разрастётся, то он будет разрабатываться не на коленке путем правки похапе файлов прямо на сервере, а через систему контроля версий и регулярный деплоймент командой разработчиков. И все эти "почти никогда не изменяемые данные" будут засорять историю правок и требовать ажно целого программиста ради добавления одного слова в статусы модерации.
Или, если сформулировать короче, то данные должны лежать в базе, а в РНР файлах - только код.

Худший ответ: Мой опыт 10+ лет разработки говорит мне, что это не особо важно. Но я лично склоняюсь к коду - меньше возни + при хранении в БД есть свои подводные камни. Например, MySQL неправильно использует индексы, если вы JOIN-те пару таблиц, одна из которых содержит меньше 6 (или 7-ми?) строк (https://bugs.mysql.com/bug.php?id=74078).
Вопрос: Почему при генерации слабого тока показывает только напряжение?

Лучший ответ: Всё дело в коренной разнице между вольтметром и амперметром. Вольтметр - прибор, имеющий очень высокое входное сопротивление (в идеале - бесконечно большое), поэтому он потребляет из измеряемой цепи очень малый ток (в идеале - близкий к 0). Амперметр должен быть включён в разрыв измеряемой цепи, поэтому от него требуется противоположное - его внутреннее сопротивление должно быть очень малым (в идеале - близким к 0), иначе он будет влиять на эту цепь и своим присутствием вносить ошибку в измерение.
Мультиметр умеет быть и тем, и другим. В режиме вольтметра у цифрового мульта входное сопротивление - 1 мегом, а в режиме амперметра (на 10 ампер) - 0,01 ома.или мультиметр не успевает померить это крохотное безумие?Да, это так. Цифровик делает всего 2...3 измерения в секунду, это слишком медленно, поэтому для махания магнитом около катушки надо использовать не цифровой прибор, а стрелочный, а ещё лучше - осциллоскоп.

Худший ответ: У мультиметра в режиме измерения тока слишком маленькое сопротивление (в отличие от измерения напряжения).
Вопрос: Как включить sass компилятор из create-react-app?

Лучший ответ: Просто добавьте node-sass в зависимостиnpm install node-sass -S

Худший ответ: Нужно установить node-sass, этого будет достаточноnpm install node-sass
Вопрос: Какой язык программирования даёт возможность пользователю самостоятельно добавлять/редактировать/удалять свои записи?

Лучший ответ: Если на средней стадии изучения вы начали подозревать, что html и css это не языки программирования, то у меня для вас хорошие новости: похоже это не средняя стадия, а самое-самое начало начальной стадии. А все самое интересное еще впереди :)
Подойдет любой серверный язык программирования. Это не полный список, но все популярные языки в нем есть.
А дальше выбирайте какой вам больше нравится, какой проще учить, на каком легче работу найти или за какой больше денег дают, или по какому-то другому признаку.

Худший ответ: Очень хорошо подойдёт для этого php и фреймворк laravel, изучите основы ООП и начинайте покарять мир ИТ, главное никогда не останавливаться в развитии.
Вопрос: Стоит ли читать книгу «Unity в действии. Мультиплатформенная разработка на C#»?

Лучший ответ: Лишним не будет. Чем вот так "долго" серфить, лучше сразу приступить к чтению и в процессе станет ясен ответ на вопрос, а пока он однозначный - стоит читать!

Худший ответ: Английский это гуд, а с C# как? 
Если более мене знаешь, https://youtu.be/IF7YRBokJAw, то изучай под Unity
Книги RUS:
- Unity в действии - Джозеф Хокинг
- Алон Торн - Искусство создания сценариев в Unity
( могу поделиться - https://cloud.mail.ru/public/5utN/45c8MoX16 )
коллекция ссылок - https://sledleo.blogspot.com/2019/04/unity-3d-c.html
Вопрос: Laravel 5 Как передать несколько аргументов в функцию join через конструктор запросов?

Лучший ответ: А кто вам сказал, что туда можно передавать какие-то свои аргументы?
Читаем — php.net/manual/ru/functions.anonymous.php, «Пример #4 Замыкания и область видимости». Ну и вообще изучаем сначала РНР, а уже потом ларавел.

Худший ответ: Используйте use:$tickets->join($table, function ($join) use ($alpha, $attrs, $field, $i) {
                        $join->on($alpha[$i].'.record_id', '=', 'records.id')
                            ->where($alpha[$i].'.attr_id', '=', $attrs[$field]->attr_id);
                    });
Вопрос: Как грамотнее делать такой лейаут на Flexbox?

Лучший ответ: Лучше сделайте по аналогии с Bootstrap. Разделите сущности по обязанностям, разделите свой container на container и row. container ограничивает width и имеет margin: 0 auto; . row это flex контейнер для col. И все правильно, свойстово flex-wrap: wrap. Но тогда у колонок помимо flex: 0 0 {value}%;, определите max-width: {value}%;, чтобы сетка не сыпалась.
В текущем варианте, ваша верстка не гибкая, так как контейнер не используешь без flex и как его сетку не используешь без ограничения ширины.
Примерно так:.cotainer {
  width: $my-width-value;
  width: 100%;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.col {
  flex: 0 0 $col-width:
  max-width: $col-width:
  padding-right: 15px;
  padding-left: 15px;
}

Худший ответ: А зачем тебе все в общем контейнере. Я бы убрал хедер и футер из контейнера и не давал бы ему flex-direction: column. По умолчанию они и так на 100% буду. Опять же если тебе нужен просто центрирующий контейнер но ни к чему ему display-flex задавать. Центральный контейнер - гуд. При адаптиве можно сделать flex-direction: column Да и все.
Вопрос: Кто я? Фронт-енд или верстак?

Лучший ответ: Верстак это стол для обработки всяческих изделий. 
А вы верстальщик.

Худший ответ: Просто верстальщик.
Без знания JS нельзя быть фронтом.
Джун должен иметь хотя бы с десяток примеров своей работы на JS.
Самых простых, тупых, но на чистом JS.
Вопрос: Python Как обрезать изображения?

Лучший ответ: Дополню ответ Aleksey Solovyev.
1. Переводим в чб.
2. На бинарном изображении (вместо cv2.Canny необходимо применить cv2.threshold, так как цвет рамки - белый то подобрать порог будет нетрудно) необходимо найти внешний контур (cv2.findContours с параметром RETR_EXTERNAL) и затем останется сохранить часть изображения, которая лежит внутри контура.#include <opencv2/highgui/highgui.hpp>
#include <opencv2/core/core.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <algorithm>

int main(int argc, char *argv[])
{
	cv::Mat img,gr,th;
	img = cv::imread("1.jpg");
	cv::cvtColor(img, gr, cv::COLOR_BGR2GRAY);
	
	cv::threshold(gr, th, 240.0, 255, cv::THRESH_BINARY);

	std::vector<std::vector<cv::Point> > contours;
	cv::findContours(th, contours, cv::RETR_EXTERNAL, cv::CHAIN_APPROX_NONE);

	auto max_vector_comp = [](std::vector<cv::Point> &lhs,
		std::vector<cv::Point> &rhs)
	{
		return lhs.size() < rhs.size();
	};
	//поиск самого длинного контура
	auto maxVector = std::max_element(contours.begin(), contours.end(),
		max_vector_comp);
	//находим описывающий прямоугольник
	cv::Rect roi = cv::boundingRect(*maxVector);

	cv::Mat croppedImg;
	croppedImg = img(roi);
	cv::imshow("inImg", img);
	cv::imshow("croppedImg", croppedImg);
	cv::waitKey();
	return 0;
}

Худший ответ: Opencv в помощь. 
Сканирующее окно работает с левого верхнего пикселя.
Изображение это двумерная матица размером x*y.
Ищем первую строку с пикселем белого цвета.
Отрезаем строки сверху.
Теперь делаем тоже самое, но только в обратную сторону, и запускаем сканирующее окно с конца.
Боковые серые стенки обрезаем по столбцам.
Не знаю на сколько эффективно, но это первое решение которое пришло в голову.
Вопрос: Снова flex, снова ошибки, кто может дать cuff?

Лучший ответ: Ты пытаешься саму форму что ли выровнять флексами? Не так.
Флексы задаются родителю, то есть если форма в боди, пиши правила для боди.
И все дети будут слушать эти правила.

Худший ответ: Привет. Почитай книгу Новая большая книга CSS Д. Макфарланд 2016 раздел с флексами
Вопрос: Как поднять позиции сайта?

Лучший ответ: Добрый день.
Начнем с того, что сайт есть в поиске.
То, что он не ранжируется пока, так как вам бы хотелось - это второй вопрос. 
Есть определенный период, на протяжении которго поисковик присматривается к сайту. В Google он составляет до 90 дней от даты первого посещения сайта поисковым роботом.
Согласитесь, у поисковика нет причин высоко ранжировать сайт, перспективы существования и качество которого пока поисковику не понятны.
На протяжении полугодия развивайте свой ресурс, оптимизируйте его и все будет хорошо.

Худший ответ: На счет ссылок возможно Вы погорячились, почитайте последние обновления гугла яндекса, 
а 1 месяц - не самый большой срок, обычно выпадает на первые страницы  через 1.5-3 месяца
Делайте внутри новости, обзоры, заливайте-обновляйте контент если хотите ускорить
Вопрос: Как преобразовать файл json (или содержимое файла json) в строку javascript?

Лучший ответ: У вас ошибка в формате json строкиvar str1 = '["человек", "время", "дело", "жизнь", "день", "рука", "раз"]';
console.log(JSON.parse(str1));

Худший ответ: если вы используете Node.js, то: const list = require('./list.json');
Вопрос: Каким документом можно обосновать замену сервера?

Лучший ответ: Деньгодающие понимают циферки
Дайте им циферки, сколько сейчас стоит использование даного сервера: електрика, время обслуживания, потери от простоя
Дайте им циферки того оборудования, что нужно с теми циферками
Расчитайте срок окупаемости

Худший ответ: Технических документов такого рода нет. 
Разве что могут быть отраслевые инструкции и нормативы.
Если работает и выполняет задачу - смысла менять нет.
Если не работает, не справляется с задачами - можно поменять.
Вопрос: Как подключить порт Ethernet к микроконтроллеру?

Лучший ответ: Слева 4 голубых разъёма

Худший ответ: 
ножки P1...P5
P1 - линк акт - светодиодик на GND
P2(белооранжевый),P3(оранжевый) - через трансформатор оранжевая пара
P4(белозеленый),P5(зеленый) - через трансформатор зеленая пара
Вопрос: Лучший плагин авторизации в Вордпресс через соц.сети для комментариев?

Лучший ответ: WordPress Social Login хорош, гибок, удобен с точки зрения разраба.

Худший ответ: https://github.com/ulogin/ulogin-Wordpress 
лучший и простой
Вопрос: Серверные блоки nginx?

Лучший ответ: точно так же как и на винде. 
хост-файл лежит в /etc.

Худший ответ: В Unix уже есть запись localhost. И правильнее добавлять 127.0.1.1 (и т.д.) в hosts. В том числе и в windows. Localhost может понадобиться другим программам или системе.
Вопрос: Нужен ли гаджет Apple для изучения Swift? Что включается в понятие «базовые знания» Swift?

Лучший ответ: можно ли начать изучение Swift, не имея оборудования фирмы Apple?можно:
- OSX крутить в виртуалке
- iOS в родном эмуляторечто именно значит данное словосочетаниеоно весьма условно, и каждый вкладывает в него свой смысл.
для меня это означает знакомство с синтаксисом и возможностями языка. но лучше уточнить у тех, кто требует.

Худший ответ: Не слушайте народ про виртуалки - они ЧЕРТОВСКИ медленные. То что ставить на реальный мак мини минут 10 - на виртуалке может собираться по 3 часа.
Вопрос: Интересная верстка?

Лучший ответ: Можно поступить подобным образом https://jsfiddle.net/arfdnvum/1/

Худший ответ: Нарисуйте все в svg.
Вопрос: Где найти open source PHP-проект для самых начинающих с целью обучения?

Лучший ответ: Влиться в open source нулёвому новичку практически нереально. Единственное место, где можно эффективно получить начальный опыт - офис.

Худший ответ: сомнительная идея - что ты сможешь подчерпнуть от такий же новичков как ты?
лучше присоединяйся к какому-нибудь раскрученному фреймворку вроде yii, с большим русским комьюнити.
Вопрос: Интернет для работы в деревне?

Лучший ответ: Ну так и берите Ростелеком, до 10 Мбит вполне выжимает на самом дешёвом тарифе. Этого с лихвой на Ютубчики и даже на торренты хватит.

Худший ответ: Сходите на телефонный узел (Ростелеком) и узнайте от инженера "альтернативные" предложения.
Вопрос: Velocity.js vs css?

Лучший ответ: Мне кажется, это зависит от ваших задач. Если вам не хватает css - используйте. Если хватает - зачем тянуть лишний код библиотеки, когда на css это уже всё встроено?

Худший ответ: Вот подробный разбор - CSS vs. JS Animation: Which is Faster?
Рассматриваются анимации css, jq (animate), js (изменение дом) и Velocity.js, которая синхронизирует DOM и кеширует запросы к нему.
Вопрос: Бесплатные онлайн курсы на русском для новичка?

Лучший ответ: посоветовал бы курсы HTML Academy - https://htmlacademy.ru/programТриста интерактивных заданий — бесплатные

Худший ответ: https://www.youtube.com/user/ArtSorax/playlists
Пожалуй все еще актуально.
Ну и webtheory, правда я их уже после Sorax'a смотрел.
А вообще сейчас чисто вёрсткой мало кого удивишь. Без JS далеко не уедешь.
Вопрос: Как удалить неиспользуемый CSS, чтобы уменьшить CSS-файлы?

Лучший ответ: Нельзя автоматически делать, т.к. вы не сможете анализируя только html код, удалить неиспользуемые классы, т.к. вероятно, эти классы будут добавляться через js, или использоваться на других страницах. Так можно лишнее удалить.
Нужно вручную, при помощи инструментов. В хроме в devtools есть крутой инструмент code coverage, заходите на страницу, жмете запись, и он показывает, какие строки в css/js были выполнены (использованы в случае css). Заходите в предлагаемые файлы, и там каждый неиспользуемый на данной странице css блок, будет выделен красным цветом, читаете его и смотрите, точно ли вы не где не могли его использовать. 
Подробнее тут 
https://developers.google.com/web/updates/2017/04/...
https://medium.com/devschacht/using-the-chrome-dev...

Худший ответ: Может быть это поможет: https://github.com/FullHuman/purgecss
Вопрос: Несколько вопросов по верстке заголовка лендинга. Как сверстать меню?

Лучший ответ: У вас разметка html хромает. Пропущен открывающий тег nav
Картинки внутри тега ul
Что это такое ....? ((<img src="images/1) header/shopping-cart-menu.png" id=cart_icon height="15" width="18"/>
<img src="images/1) header/magnifying-glass-menu.png" id=glass_icon" height="18" width="18"/>
images/1) header/shopping-cart-menu.png - впервые вижу такой путьid=cart_icon height="15"
Вам не кажется, что пропущены кавычки ?
В CSS что-то такое страшное, что в fiddle ничего не работает )
https://jsfiddle.net/ouodkeLn/204/
Это что касается выравнивания меню по центру

Худший ответ: Завязывайте с флоатами. Верстайте с помощью flex. По дороге изучайте гриды. 
1. Итак, display:flex;
justify-content: space-between;
https://html5book.ru/css3-flexbox/ 
2.justify-content: space-between;
3. align-items: center;
4. эмммм... border-color? В чем сложность?
Можно псевдоэлементом еще, если полоска уже, чем текст.
Вопрос: Как подключить шрифт для верстки?

Лучший ответ: Нестандартный шрифт обычно прилагается к psd и вообще описывается в документации.

Худший ответ: в гугле ищи шрифты, и установи на комп, чтобы в фотошопе отображались.
подключение на страницу
https://developers.google.com/web/fundamentals/per...
Вопрос: Можно ли сделать динамичную страницу wordpress?

Лучший ответ: Интересно, а ты сам понял вопрос?
Между Wordpress/Php (которые указаны в тегах вопроса) нет никакой связи с адаптивностью сайта.

Худший ответ: Адаптивная версия делается на css
отдельная мобильная - на js можно определить браузер и дальше на сервере отдавать нужную версию
Вопрос: Что нужно добавить, что бы форма отправляла данные на два почтовых адреса?

Лучший ответ: $recipient = 'mail@mail.ru' , 'еще один адрес';

Худший ответ: $recipient = array('mail@mail.ru' , 'еще один адрес');