iBird Rose

https://getuikit.com/

seiyria.com/bootstrap-slider

копируешь свой ранее написанный gulpfile.js и package.json и пишешь в консоли npm i

у тебя 4 col-md-6 элемента. которые float left; так не должно быть. либо задавай им отдельный row. либо ставь clearfix.
через clearfix - так https://jsfiddle.net/f8rtwxe9/3/

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

как бы css в настоящее время не был хорош - слайдер на нем по отношению к js - все равно будет во многом проигрывать.

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

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

Как инлайн-блочные элементы привязать по высоте к родителю

"инлайн-блочные" - без js никак. используй flex.
.inner {display: flex;}

если не хочешь мучиться - пользуйся приложениями типа этого https://mailchimp.com/