Dymok

https://codepen.io/UnluckySerivelha/pen/XBaoNg

Добавить блоку псевдоэдемент, растянуть на весь блок, задать нужный фон, при ховере на блок показывать его (при необходимости поменять z-index)
https://codepen.io/UnluckySerivelha/pen/VBKPzv

lightbox, fancybox

display: flex контейнеру, детям нужный order

Делать сетку на inline-block - так себе идея. Если хочется использовать классы для разметки, можно посмотреть в сторону bootstrap 3 или 4.
Ну а такая проблема, если я правильно понял суть, решается заданием для контейнера font-size: 0, и заданием нужного font-size для элементов контейнера, пример

bootstrap, skeleton и др. css-фреймворки

https://codepen.io/anon/pen/yOjOPY

А такое есть в head?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Пример с jquery:
jsfiddle.net/mekwall/up4nu

Использовать flexbox
https://codepen.io/UnluckySerivelha/pen/WJgzMQ