количество элементов в зависимости от ширины окна браузера

Я не буду устраивать войны за или против.

И не потому что, а потому что.

вот из совсем старого

var r = new XMLHttpRequest();

r.open("POST", "path/to/api", true);

r.onreadystatechange = function () {

  if (r.readyState != 4 || r.status != 200) return;

  alert("Success: " + r.responseText);

};

r.send("banana=yellow");

 $.ajax({

    type: 'POST',

    url: "path/to/api",

    data: "banana=yellow",

    success: function (data) {

      alert("Success: " + data);

    },

  });

Мне - пофик...

"стреляю" из двух рук одинаково... Предпочту все равно второй - выхлоп быстрее.

что-то мой вариант работает кривовато

нашел http://www.artlebedev.ru/

тут в зависимости от ширины браузера меняется кол-во элементов

помоги реализовать/подсказать

1. Получить ширину браузера

2. Вычислить количество элементов фиксированной *2 потому что там две строки

3. Пробежаться по всему контейнеру с превью и отключить (hide) все превью с индексом больше п.2