Сергей Тутуков

.pictures img {
max-width: 400px;
max-height: 200px;
}

Можно сделать, привязав к блоку событие chexbox. Но это геморой и никто так не делает.

Легче всего сделать через таблицу
codepen.io/anon/pen/QNypzg

Если добавить чуть больше текста к решению Павла, то будет вот это:
codepen.io/anon/pen/YqwZbz
И не совсем понятно, зачем контейнеру задавать float:left; и потом width:100%;. Элементам li можно задать display:inline-block;. Меньше float, меньше проблем.