Дело в том, что у вас цикл, и если вы чекнули только первый, то когда цикл попадает во второй элемент, то он просто его стирает. Тут в логике ошибка, а не в синтаксисе, нужно чутка иначе переписать.
Значит он у вас и не особо то резиновый, раз "если слегка сжимать — шаблон разъезжается." ...
Я бы на вашем месте сначала включил мозг и понял собственно как блоки должны выстраиваться в каждом из разрешений (320, 520, 768, 1000). Если ваша структура позволяет перестраивать блока как задумали, то после озадачиться перегонкой из пикселей в проценты, и em-ы.
На самом деле далеко не все работодатели ищут Front-end разработчика, зачастую нужен просто верстальщик, и точно так же часто не знаю разницу между двумя этими людьми...
Так вот если отвечать на поставленный вопрос, то js это есть всё фронтэдерское! Если человек может лишь установить скачанный плагин из интернета, и не разбирается даже в его кастомизации, то это обычный верстак.
Создаёте изначально такой селект и прячете его. Далее на onChange делаете проверку, что если value !== "", то тогда склонировать и вставить в документ второй. И на каждое новое клонирование делать приписку к value, чтобы оно было уникальным, типа
select-1-val-1, select-1-val-2, select-2-val-1
В мозилле, есть такой плагин как Developers Tools - в нём есть пунктик View Javascript, в нём показывается весь яваскрипт сайта. Вот там то можете и искать что то типо input, insert, insertAfter, append, prepend - и так далее =)
Ну или просто пробежаться по яваскрипт файлам и поискать то же самое.
