v-borgomotov
@v-borgomotov
Молодой креативный специалист

Как адаптировать эту сетку?

Всем добрый день. Подскажите пожалуйста, как можно адаптировать данную сетку: https://jsfiddle.net/

Может как вариант проверять текущий размер экрана и добавлять нужное количество фигур. Вообщем рассмотрю различные варианты! Заранее спасибо
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
@jslby
Можно как то вот так немного переписать.
function createDiv(className){
  var div = document.createElement('div');
  div.className    = className;
  return div;
}
var inrow = Math.floor(window.innerWidth / 50) - 1;

for (var i = 0; i < inrow; i++) {
  $(".grid-container").append(createDiv('grid-row-1'));
  $(".grid-container").append(createDiv('grid-row-2'));
}

for (var i = 0; i < inrow; i++) {
  $(".grid-row-1").append(createDiv('hexagon'));
  $(".grid-row-2").append(createDiv('hexagon'));
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы