А чем твоя структура папок плоха? Чем сейчас всё, не на своих местах? Используешь препроцессоры? Да пожалуйста, точно так же ложи их в папку css. Но опять же, я не до конца понимаю, зачем тебе препроцессоры, если на выходе ты получишь css файл?
Есть такой кусочек контента:
Include in Your HTML
Running the gulp build tools will compile CSS and Javascript for use in your project. Just link to these files in your HTML.
Добавить блоку data атрибут с нужными данными, при нажатии на блок, добавить к нему класс. Потом в js ставим условие, если класс есть, то взять значение data атрибута блока ну и отправить его!
Уже давно использую flexbox сетку(если сетка вообще нужна на сайте). Ну она просто жутко удобная, если ее правильно написать. Поддержка у него достаточно хорошая, что бы начать использовать уже сейчас. Ну а если нужен будет ie, то написать для него fallback не составит труда!