Как сделать сетку на гридах?

.grid-container {
  display: grid;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px;
  font-size: 30px;
}
.item1 {
grid-column: 1;
  grid-row: 1 / span 2;

}
.item2 {
   grid-column: 2 / span 2;
  grid-row: 1;
}

<div class="grid-container">
  <div class="grid-item item1">1</div>
  <div class="grid-item item2">2</div>
  <div class="grid-item item3">3</div>  
  <div class="grid-item item4">4</div>

</div>

Делаю так, но мне нужно вставить изображения вместо 1,2, 3, 4 и с ними все криво встает. Я так понимаю из-за размеров фоток. Как их подогнать?

Как сделать реверсию после прокрутки всех кадров, плагин Spritespin?

не работает. OnFrame не определена

Как программно вывести поле в шаблон ноды из связанного типа материала (reference)?

andead, Drupal7

Как зафиксировать табы наверху страницы при прокрутке страницы?

Сергей Куплетский, спасибо огромное!

Как зафиксировать табы наверху страницы при прокрутке страницы?

Сергей Куплетский, не выходит. Подскажите, как правильно. Мне нужен проверка на li, в котором нет класса toggle

$("ul.nav.nav-tabs li").click(function(){
	if($('li.active').not('toggle')) {
	
	 event.preventDefault();
$("html, body").animate({
    scrollTop: $('.tab-content').offset().top - 100
}, 500);

}

});

Как зафиксировать табы наверху страницы при прокрутке страницы?

Сергей Куплетский, Это работает для меня, спасибо. Подскажите,пожалуйста, а как повесить это событие на второй клик? Дело в том, что у меня табы по умолчанию свернуты в мобильной версии и чтобы переключится на другой таб необдимо кликнуть по текущему, тогда всплывают все табы и потом уже идет переключение.

Как зафиксировать табы наверху страницы при прокрутке страницы?

я не понимаю, как зафиксить содержимое вкладок css, ведь у вкладок уже поизиция fixed, а содержимое показывается в зависимости от того, как на сколько пользователь прокрутил экран, а по клику ничего не меняется. Т.е. не проблема зафиксить вкладки наверху, но содержимое не показывается с начала вкладки.

Как зафиксировать табы наверху страницы при прокрутке страницы?

Alams Stoyne, это понятно, но все равно не то. При переключении табов контент вкладки просматривается с того момента где просматривался другой предыдущий таб. Как правильно их закрепить?

function stickMenu() {
  var windowTop = $(window).scrollTop();
  var sectionStarts = $('#sectionStarts').offset().top;
  var sectionEnds = $('#sectionEnds').offset().top;

  if (windowTop > sectionEnds) {
    $('ul.nav.nav-tabs').removeClass('fixed');
  } else if (windowTop > sectionStarts) {
    $('ul.nav.nav-tabs').addClass('fixed');
  } else {
    $('ul.nav.nav-tabs').removeClass('fixed');
	
  }
 
	

}

Как свернуть tab в bootstrap?

Дмитрий Шалимов, Как в итоге решили? Такая же проблема