pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Можете оценить код?

Лучший ответ: Начните с приведения кода в соотвествии со стандартами pep8


Беглым взглядом:
while 1 == 1:
лучше заменить на 
while True:
зачем вызывать операцию сравнения, если результат и так известен...
directory_copy = 'C:\\Users\\MinuteX\\Downloads\\This is a server of MC\\fantasy_city' #Вписать директория откуда копировать папку ||| ВАЖНО!!! С ДВОЙНЫМ СЛЕШОМ
directory = 'C:\\Users\\MinuteX\\Downloads\\Safe' #Впмсать директорию куда будут копироватся файлы, ||| ВАЖНО!!! ВСЕ СЛЕШЫ ДОЛЖНЫ БЫТЬ ДВОЙНЫМИ
почитайте за os.path.join

v_DIR = directory + '\\' + new_name + "_" + dt
Почитайте за os.path.join и f-строки

Всю вашу конструкцию в 5 строк можно привести к такому более читабельному виду к примеру:
destination_file = os.path.join(
    DESTINATION_DIR,
    f'backup_{i}_{datetime.today().strftime("%Y-%m-%d-%H.%M.%S")}',
)

directory_copy = ...
directory = ...
вынести за пределы цикла - в цикле вы присваиваете им циклически одно и то же значение, и дать более осмысленные наименования

В логику - не вникал...

Худший ответ: Очень плохо
Вопрос: Почему в некоторых случаях не указывают класс в html, в частности для h5?

Лучший ответ: Вариантов несколько:
1. Автор пролюбил класс, но успел начать.
2. Класс очищается JS
3. Автор перенес откуда-то из доков верстку, но ему показалось, что классы лишние, а убирать сам атрибут не стал.
4. Автор мазохист и ловит только h5, у которых есть атрибут class (читай подробнее в селекторах)
5. Автор просто идиот. 
6. Класс раздается автоматически, например, бэком, и условие при рендере не выполнено, отчего класс оказался пустым.
7. И т.д.

Автор кода, верстала т.е.

Худший ответ: Писать или не писать класс - дело каждого, в зависимости от того, нужны стили или нет. Может конкретно этот заголовок никак не стилизуется, поэтому просто не смысла писать ему какой то класс.
Вопрос: Как набить руку на Python разработку и сисадминистрирование за 2 месяца?

Лучший ответ: Веб-разработка и администрирование сетевых ресурсов более востребованы, поэтому я бы рекомендовал изучить следующее:основы и стандартная библиотека Python -- навык лучше прокачивается написанием скриптов и программ для решения неучебных задач. И если основной навык миддла -- это гуглить (полу)готовые решения, то основной навык джуна -- уметь писать свои "велосипеды". Разработчик, который по-максимуму использует и полагается на готовое -- столь же неэффективен, как и предпочитающий использовать готовое по-минимуму;веб-фреймворк Django -- пилите небольшой проект, получаете общие представления о веб-разработке и практику ООП, но о Python этот веб-фреймворк расскажет мало, делает слишком много работы за программиста, а в его исходном коде можно заплутать, так и не поняв как он работает;система контроля версий Git -- обязательно для разработчика и желательно для сисадмина;wsgi-сервер uWSGI (или Gunicorn) -- см. ниже;http-сервер Nginx -- см. ниже;GNU/Linux -- пробуете развернуть проект с использованием предыдущих двух пунктов;веб-фреймворк Flask -- просто пощупайте или сделайте ещё один небольшой веб-проект, по исходникам этого веб-фреймворка проще понять как работают другие веб-фреймворки и как писать поддерживаемый код, к тому же на Flask часто пилят всякие API / бэкенды;
Настольные приложения и мобильная разработка на Python кажется менее развита и менее востребована, но когда-нибудь можете пощупать:Python GTK+ 3 (или PySide2) -- Python обёртки над GUI инструментариями для разработки настольных приложений;Kivy -- фреймворк преимущественно для мобильной разработки.
И, если вопрос предполагает поиск работы через пару месяцев, то работодателям обычно нужны те, разработчики, что будут решать их "бизнес-задачи": снижать расходы, повышать доходы и минимизировать риски. Проще говоря, знание математики, алгоритмов и модных технологий могут не пригодится вообще, а вот доведённые до ума проекты расскажут о Вас работодателю намного больше.

Худший ответ: Читать книги
Вопрос: В вдс от Амазон все предоставленные к выбору системы бесплатны?

Лучший ответ: Если боишься - заведи специальную карту (можно виртуальную например Qiwi, делается за пару минут) и не клади на нее более 2 баксов.

Худший ответ: Цена лицензии уже включена в стоимость инстанса, машины на винде не так просто стоят в полтора раза дороже)
Вопрос: Как в интернет-магазине отслеживать товар в наличи на складе?

Лучший ответ: Битрикс - лишь инструмент, в котором уже реализован данный функционал. Если Вы собираетесь внедрять - то интегрируйте импорт из 1с-ки по стандарту CommerceML и будет Вам счастье. Там есть отдельно склады и наличие товара на соответствующем складе.

Худший ответ: В чем проблема? Передавайте данные о наличии в базу данных магазина по событию изменения базы товаров в каком виде она бы не была
Вопрос: Как включать 12 вольт и 10 ампер тока не щёлкая(реле)?

Лучший ответ: Классика же
Уж если у Ди непонятно написано, то я уже и не знаю

Худший ответ: Твердотельное реле на постоянное напряжение ещё найти надо и стоить будет негуманно
От такая штукень или подобная подойдёт https://www.aliexpress.com/item/32896175700.html
Мощный транзистор с радиатором и обвязкой.
То что для 3д принтера не обращай внимания, модуль универсальный и может использоваться для чего угодно
Вопрос: Почему появились иконки возле дисков на компьютере?

Лучший ответ: Возможно потому, что предоставлен общий доступ к дискам.

Худший ответ: Почему появились иконки возле дисков на компьютере?Данная иконка означает что к данному диску предоставлено общий доступ по сети.

Кроме этого, постепенно пропадает свободное место с диска С. 100Гб довольно мало для системного диска. Не храните файлы на этом диске а если не хватает места программам - увеличьте размер диска. Старайтесь чтобы на нем всегда оставалось не менее 20-30% свободного пространства.
Вопрос: Откуда берется стоимость подключения к интернет?

Лучший ответ: Откуда берется стоимость подключения к интернет?Устанавливается провайдером.
Подключая пользователя провайдер ожидает что канал будет нагружен незначительно, подключая организацию - что канал будет нагружен довольно сильно. Ибо пользователь  это как правило один-два человека, а организация зачастую десятки. 
Цена для юрлиц у нас невысокая. У Ростелекома жалкие 2200 за 10мегабит. Это копейки.

Худший ответ: Если почитаете условия - физлицам дают негарантированный канал, как правило пишут скорость ДО ХХмбит/с. юрлицам же выделяют гарантированный канал нужной скорости, без всяких уловок вроде "ДО".
Естественно такой канал будет дороже для вас: возьмёте вы 100мбит один себе за 10тр/месяц или те-же 100мбит разделят на 15-20 квартир (7.5-10тр/месяц на всех).
Вопрос: Стоит ли читать книгу Таненбаума «Современные операционные системы» до прочтения «Архитектура компьютера»?

Лучший ответ: Читайте те книги, которые вы можете легко читать. И в том порядке, в котором вы всё понимаете. Если вы часто начинаете гуглить  при прочтении, то лучше перейти на другую книжку, и позже вернуться к первой.
Если вам рекомендуют все какуюто определённую книгу, но вы даже понимая о чем идёт речь читаете её тяжело и устаёте, то бросайте её, и ищите другую, которую вам читать в удовольствие, а не через силу. Одну книгу ктото может читать легко, а ктото другой вообще кирпичами срать  при прочтении, и наоборот. Все книги и люди разные. Сколько людей, столько мнений и взглядов под разным углом. Вы уже не за школьной партой, где у вас вообще нет выбора в книгах по которым учиться, учитесь чтобы это приносило удовольствие, а не переступая через себя. Совмещайте полезное с приятным.
Попробуйте хотябы одну из них начать читать, если не зайдёт, начните другую. Если обе на заходят, то третью, книг миллионы. Пока не найдёте свою. Только метод проб и ошибок поможет вам найти книги заточенные под вас.

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

Лучший ответ: В подобном стиле https://jsfiddle.net/evqa28p3/

Худший ответ: линейными градиентами с резкими переходами.
часто про это спрашивают, я за месяц с небольшим уже четвёртый раз этот пример показываю
https://codepen.io/anon/pen/qovPYj
Вопрос: Чем отличаются импорты компонентов во Vue?

Лучший ответ: Выражение import(module) загружает модуль и возвращает промис, результатом которого становится объект модуля, содержащий все его экспорты.
learn.js

Худший ответ: Выражение import(module) загружает модуль и возвращает промис, результатом которого становится объект модуля, содержащий все его экспорты.
learn.js
Вопрос: Какую книгу начать читать для JavaScript?

Лучший ответ: Посмотрите Выразительный JavaScript. 3-е издание
Ну или JavaScript. Подробное руководство, Флэнагана (ее кажется переиздавали недавно, хотя в старой версии тоже найдется полезного).

Худший ответ: Как обычно, советую книгу из этой серии книг:
Вопрос: Как логично и структурно именовать переменные?

Лучший ответ: В английском языке существительные в начале превращаются в прилагательные, а в конце - существительное, к которому они относятся.
Сравните: "stone wall" (каменная стена) и "wall stone" (камень из стены).
То есть первым делом нужно определиться с главным существительным, то есть ЧТО имеется в виду. Если это имя, то название переменной должно оканчиваться на _name (или Name в зависимости от стиля).
Далее, если не придираться к правилам, то последовательность прилагательных лучше делать так: чем важнее, тем ближе к существительному.
Шаг первый: product_name
Шаг второй: homepage_product_name (при этом вам должно быть очевидно, что не home_page)
Далее, ничего лишнего быть не должно, и должно максимально точно отражать суть. Например, настройка, говорящая о том, что уведомления можно посылать только если приложение неактивно.
Не правильно: notify_if_inactive (вообще не понятно, не логично)
Правильно: is_notify_if_inactive_only
Приставка is_ в данном случае является соглашением в нашей команде, указывающем, что это булева переменная, можно также юзать b_ например для той же цели. Или, скажем, если это константа или меняется очень редко, можно записать капсом или добавить приставку c_
Вообще дальше уже начинаются тонкости и вкусовщина. Основные принципы изложены выше - это четкий порядок построения и соответствие сути.

Худший ответ: Я стараюсь делать по такому принципу - $модуль_функция_свойство
Вопрос: Как правильно распознавать авторизованного пользователя?

Лучший ответ: Сессия в PHP - это практически те же ваши "куки + БД", только вместо БД используется файл сессии. Он будет свой для каждого пользователя.
Генерируется уникальный хэш (ID сессии), он садится пользователю в куки, а на сервере создаётся файл с именем == ID сессии. PHP все это делает сам.

 В файле сессии (на сервере) хранятся все переменные, которые вы захотите. Когда поднимается сессия, PHP автоматически инициирует массив $_SESSION
с вашими переменными (Имя пользователя, IP пользователя, дата последнего логина, права пользователя и тп).

Под работу с сессиями в PHP есть встроенные функции, они не все работают очевидным образом, но разобраться можно.

PS: Если не поддерживаются куки, то ID сессии может передаваться как параметр в URL.

есть ли возможность в случае с сессиями сохранить пользователя к примеру на месяц? Да. Ставите у сессионной куки время жизни 1 месяц, и через месяц браузер пользователя автоматически её уничтожит. После этого надо будет авторизоваться заново.
Но на сервере есть параметр настроек PHP session.gc_maxlifetime, который задает время жизни PHP-сессии на сервере. После истечения session.gc_maxlifetime PHP garbage collection удаляет файл сессии на сервере. То есть, его надо ставить > месяца.

какой вариант предпочтительнее вопрос холливарный. Если есть надо мониторить пользователей (кто, когда и зашёл и что сделал) - по БД это удобнее, чем рыться руками по тысяче файлов.
В плане безопасности - одинаково, тк работает один и тот же механизм. Угон куков -> подмена сессии.

PS: На хабре есть неплохая статья Подводные камни использования сессий в PHP.

Худший ответ: По мне сессии удобно использовать. Я в своих проектах всегда использовал сессии, но если нужно запомнить пользователя, то можно сгенерировать для него уникальный хеш и записать его в куки и бд. При входе проверяется есть ли кука с хешем и если есть, то авторизуем пользователя извлекая данные с полей где присутствует этот уникальный хеш. И что главное сессии нельзя подменить.
Вопрос: Какие есть варианты переустановки ОС на сервере в продакшене?

Лучший ответ: Речь ведь о линуксовом сервере. Драйверы в ядре (если мы не говорим о принтерах и т.п.). Также мы не говорим про аппаратный RAID (потому что mdadm). С большой вероятностью заработает сразу. Сlonezilla не нужна, достаточно dd.
Но слово "продакшен" напрягает, т.к. лучше бы предварительно потренироваться, проделать всё это на тестовом железе. И обязательно предусмотрите "план Б" - быстрый откат изменений, если что-то пойдёт не так.
Добавил в раздел похожих вопросов (там задача другая, но смыслы пересекаются): Как поднять Linux сервер на VirtualBox с возможностью последующего переноса на физический сервер?

Худший ответ: Проще поднять сервер, живо мигрировать туда виртуалки и заняться делом на месте
Вопрос: Сильно греется новый ноутбук, как решить проблему?

Лучший ответ: Снизить настройки качества графики.Ноутбуки вообще-то для серьезных игр вовсе не предназначены - это все маркетинг.
Ну разве что модельки за 150-300 тыс. рублей.
А дешевые - фуфло, чтобы бы там не писали про них, что они игровые.
Они и должны греться.
Терпи шум.

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

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

Худший ответ: Ну начните с написания диздока и бизнес-плана. Без них ваша идея нигде никому не нужна.
Вопрос: Как правильней обрабатывать PHP скрипт с временем выполнения в 5-10 минут?

Лучший ответ: запускать подобные задачи в консольном режиме: в cli нет ограничения по времени.

Худший ответ: Если выполнение процесса может оборваться в любой момент и вам нужно гарантировать его то я бы воспользовался очередями. Запаковываете часть вашего скрипта в консольную команду которую поставите на cron (ту часть которая отвечает за выборку пользователей для процессинга). Вторую часть, отвечающую за скачку файла по api и обновление юзера заворачиваете в консюмер на очереди. Таким образом сможете гарантировать что все ваши пользователи будут обработаны, а для тех что не завершились без ошибок (они вернутся в очередь) сможете добавить фикс для корректной их обработки. 
Все ваши воркеры (консюмеры) ставите на supervisord. Чтобы один консюмер не надрывался над вашей кучей - указываете кол-во процессов в конфиге супервизора.
Для решения задачи со временем можно сделать 2мя способами:
1. Во время выборки на консольной команде засылать в очередь только тех пользователей кто должен сейчас обновиться
2. Для каждого сообщения проставляете поле время. На конюсмере проверяете это время, если рано то кидаете обратно в очередь
Вопрос: Laravel, отношение для проверки что новость прочитана пользователем?

Лучший ответ: Есть таблица новости, есть таблица юзеры
Нужна еще одна user_news_reads например
В ней два столбца user_id, news_id
дальше работайте через связь belongsToMany

Худший ответ: Это отношение многие-ко-многим. Лучше чем в документации:
https://laravel.ru/docs/v5/eloquent-relationships#mm
пожалуй, и не опишешь :) 
В общих чертах я бы сделал так: в NewsController когда показываем юзеру новость - устанавливаем отношение между ним и новостью, а потом там где нужно - проверяем, есть такое отношение (новость прочитана) или нет (новость не прочитана).
Если будут более конкретные вопросы - задавайте.
Вопрос: Как автоматически создавать виртуальные машины для dev/qa/ и.т.п?

Лучший ответ: Похоже эта задачка для VMWare API

Худший ответ: В ансибле вроде есть модуль и для вмваре
Вопрос: Верстка под 100vh?

Лучший ответ: Погуглите "резиновая верста" и "адаптивная верстка".

Худший ответ: Смотря какой макет, смотря какое ТЗ, media queries используйте...
Например:.container {
  height: 100vh;
  min-height: 600px;
}
@media screen and (min-width: 600px) and (orientation: landscape) { 
  .container {
    min-height: 800px;
  }
}
можно условия по высоте при необходимости@media screen and (min-height: 1200px) and (orientation: landscape) { 
  /* Стили CSS ... */
}@media screen and (max-height: 700px)  { 
  /* Стили CSS ... */ 
}
Вопрос: Почему функция не обращается к глобальной переменной?

Лучший ответ: Почему так происходит?

Худший ответ: В python, что-бы использовать глобальную переменную в функции, нужно записать её в globalvar = 5
def func():
    global var
    var = var + 1 
    print(var)

func()
Вопрос: Для каких случаев используются forEach и for of?

Лучший ответ: Чтобы задать подобный вопрос, надо не знать, что такое forEach и for of. Откройте документацию и разберитесь.

Худший ответ: основное правило:
forEach используется когда вам больше хочется использовать forEach. 
for of  - во всех остальных случаях. 

spoilerну еще в forEach удобнее заранее заготовленную функцию передать, а for of удобнее для await, но такие детали при таком вопросе не существенны.
Вопрос: Как такое реализовать Сделайте разбиение на страницы ( на PHP) с переходом по номерам страниц?

Лучший ответ: Тебе ещё рано браться за такие сложные задачи. 
Повторяй пока выполнение запроса SELECT из РНР.
А оператор LIMIT проходят в следующем классе.

Худший ответ: И в чем вопрос? Как делать постраничную навигацию?
Вопрос: Вывод результата работы сервиса Linux?

Лучший ответ: journalctl -f -u myscript
Если предположить, что Вы использовали возможности systemd.
Либо перенаправление > логов в файл и команда tail -f

Худший ответ: впиши в скрипт системд
StandardOutput=file:/some/path 
описание https://www.freedesktop.org/software/systemd/man/s...
Вопрос: Почему не понимает подключение require_once?

Лучший ответ: Как уговорить laravel подключить удаленный файл?
Похоже что точно также как и вас уговорить не использовать RedBeanPHP в связке с Laravel
И так, давайте подумаем вместе с упрямым товарищем 0ldn0mad  причем тут вообще Laravel?
Правильно, Laravel тут не при чем, тут на лицо явное отсутствие знаний, дебилизм (ИМХО) и явное отрицание познания основ.
Думаем где у нас RedBeanPHP? 
Правильно - в корне проекта
Думаем дальше. Где у нас контроллер в котором вы пытаетесь подключить RedBeanPHP?
Правильно, в app/Http/Controllers
Думаем еще, вы пишите require_once 'RedBeanPHP/rb.php';
где php ищет этот файл?
Верно, он ищет его тут app/Http/Controllers/RedBeanPHP/rb.php
Вот и ниточка вам! Но это не все? Думаем еще, а что же будет дальше?
Правильно, +100500 вопросов от товарища 0ldn0mad, потому что это редкостное г***но нормально так и не заработает и из-за него будут сыпаться ошибки одна за другой!

Худший ответ: Ради бога, не лезьте вы со своим корявым RedBean и require_once в Laravel!
Либо колупайтесь дальше в своем похапе спагетти, либо, если уж используете современный фреймворк, используйте его собственные, нормалmные инструменты. Для работы с БД в Ларавеле служит Eloquent, который примерно в 100500 раз умнее этой протухшей фасоли
Вопрос: Запуск анимации только когда человек доскролил?

Лучший ответ: Вот вариант без сторонних библиотек. Для просмотра демки перейдите во вкладку [Result] и покрутите на нем колесико мышки вверх и вниз.snippet

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

Лучший ответ: Некоторые организации (обычно это контент-провайдеры) заключают с мобильными операторами договор. При посещении сайта провайдера с мобильного телефона, оператор передает на сайт ещё и номер мобильного (в заголовках запроса). После посещения сайта, владелец сайта знает на какие страницы сайта заходил пользователь и номер его мобильного. ФИО Ваш не отдается, но в случае с банками у них может быть своя база данных с привязкой номера и ФИО.

Худший ответ: Называет мои ФИО, говорит что им пришла заявка на открытие(или консультацию, не понял, но не суть) ИП. Вы уже клиент этого банка? Есди нет, то первым же вопросом должен быть - откуда у вас мой номер и персональные данные, защищенные законом о персональных данных. Дальше по ситуации - контакты руководства, если это реально банк, звонок в полицию если трубку бросили с заявлением о попытке мошенничества.
Вопрос: RDP не принимает логин и пароль от Microsoft account?

Лучший ответ: ***Обновление***
Еще один вариант. Просто отключить пин код и авторизоваться в учетке майкрософт по паролю(не использовать аутентификатор майкрософт. Дело, видимо, в том, что при чистой установке авторизовываясь в учетке майкрософт по мобильному аутентификатору, а не по паролю, он не подгружает пароль и соответственно не хранит ХЭШИ пароля(возможно ошибаюсь).
***Конец обновления***
Нашел решение. Итак, все кто столкнется с этой проблемой нужно сделать следующее:
1) В меню "Параметры Windows" перейти в "Учетные записи" и в подпункте "Ваши данные" нажать "Войти вместо этого с локальной учетной записью"
Винда сначала попросит ввести новый локальный пароль для учетки, а потом выйти из учетки. Следуем ее совету.
2) Вводим локальный пароль и заходим в учетку. Проходим по пути что в первом пункте и нажимаем "Войти с учетной записью Майкрософт".
Далее винда попросит ваши учетные данные, вводим их и вуа-ля, теперь вы можете подключиться к своему компьютеру посредством RDP. Чтобы посмотреть Ваш "логин" для RDP перейдите в "Управление компьютером" --> "Локальные пользователи" --> "Пользователи". Найдите там свою учетную запись (пример: buhpc). Именно это имя и будет служить вашим логином для авторизации по RDP, а пароль будет такой как у учетной записи Майкрософт.
Пример:
Пользователь: buhpc
Пароль: пароль от учетной записи Майкрософт

P.S Я опустил в данном посте о добавлении этой учетки либо в группу Администраторы, либо Пользователи удаленного рабочего стола, ибо это и так понятно.

Всем спасибо за помощь.

Худший ответ: какой логин вводите? установлен ли пароль для учётной записи?
Вопрос: Как подменить диск в Linux?

Лучший ответ: добавить диск, смонтировать в другое место
сделать rsync
остановить приложение
сделать rsync
отмонтировать старый диск
перемонтировать новый диск в /mnt/files
запустить приложение

Если между диском и ФС случайно оказался LVM - то смигрировать силами LVM без остановки приложения.

Худший ответ: Нормальный вариант.
Есть и другой, если данные хранятся структурированно по папкам:
1. Создать папку в корне и подмонтировать туда диск на 2 ТБ.
2. Создать slink в папке /mnt/files на место расположения нового диска.
3. Сделать так, чтобы приложение хранило данные в новом месте.
Вопрос: Оцените Верстку?

Лучший ответ: Хорошо, но есть недочёт в виде картинок, которые вылазят за рамки контейнера. Вы указали max-width для контейнера, равный 78%, но не указали max-width: 100% для картинки в нём.

Худший ответ: Отсутствует всё, не нужно шаблонить.
Вопрос: Как сверстать неровную адаптивную рамку со скруглёнными краями?

Лучший ответ: Свойство CSS clip-path пробовали?Ссылка на удобный онлайн-генератор

Худший ответ: https://codepen.io/topicstarter/pen/drPpdv - если надо адаптировать то у .items удалить фиксированый размер и сами уже подстраиваете как должны выглядеть ваши поля ввода