Как сделать div кучу горизонтально, когда больше, чем 400px

Я хочу создать пару divs (display: inline-block), содержащих новости. Эти divs должны быть 50% ширины, если они шире 400px. Кроме того, каждый div должен быть на 100% шире.

Что-то вроде этого (псевдокод).

$min-width=400px;
if(width < $min-width) {
  set width: 100%; }
else {
  set width: 50%; 
}