Почему бы вам не задавать ширину в процентах, для каждого экрана разную, аналогично адаптивным сеткам фреймворков. И так же и max-width. Так у вас ячейки флекс сетки будут всегда одинаковой ширины и растянуты на весь контейнер (если правильно размеры зададите)
Можете подробнее про "полифил" рассказать или направить на какой-то ресурс? HTML import был бы идеальным вариантом, но поддержка браузеров ограничивает.
Препроцессоры CSS использую, для HTML по этому что-то подобное ищу. Но реализация на клиентской части желательно, через js, подобно подключению less посредством js.
Иконка это по сути элемент, независимый, подобно картинке img. Вынося в отдельный тег вам будет проще с ним работать. А через :before, :after используют иконочные шрифты, где какие-то стандартные символы заменены на иконки, а в параметре content: "" задают как раз этот символ. Можете посмотреть у любых популярных фреймвокров типа bootstrap, foundation - иконки добавляют отдельными элементами, использую псевдоэлементы ;before/:after (в основном :before)
Нет. А есть ли в этом смысл? У вас либо на маленьком разрешение шрифт очень мелкий будет, либо на больших слишком крупный (если брать размер шрифта относительно размеров экрана)
при min-width в мелком контейнере могут быть справа большие отступы, равные 99% min-width, что собственно не очень красиво смотрится. по этому думаю, лучше делать переходы через адаптивность
При добавление новых элементов необходимо пользоваться методами Masonry, чтобы он рассчитывал куда нужно вставлять новые элементы. Вам как раз нужен метод appended, поскольку новые посты будут добавляться в конец.
SelenIT2: Да, в последних FF все отлично с позиционированием. На счёт flex согласен, правда поддержка IE8 и других, не поддерживающих flex браузерах, заставляет применять table-cell.