anxieter

Я также подписался на данный вопрос автора. У нас в проекте фронтендщик пишет код в шаблонах внутри

Я как -то пытался такое провернуть. Выходит нечитаемая каша. Согласен с Алексеем Николаевым.

шаблон демо предлагает немного другой вариант

@media (min-width: 1200px)

#content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
    clear: left;
}

@media (max-width: 991px) and (min-width: 768px)

#content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) {
    clear: left;
}

Я неодумеваю почему это не вшито в дистрибутив...

Спасибо за быстрый ответ.
Итак, делаю такую проверку

if( $_POST['submit'] ){	
	echo "<pre>";
		print_r($_POST);
	echo "</pre>";
	} else echo "no POST data";

Выводится

Notice: Undefined index: submit in C:\xampp\htdocs\MAILSEND\index.php on line 58
no POST data

Странно, но ведь в самом начале скрипта идет проверка if( $_POST ){...
И весь скрипт выполняется, то есть данные POST где-то идут. Но $_POST['submit'] получается нет.

Дабы не плодить подобные темы хотел бы написать свой вопрос в похожей тематике.
Прошу Вас помочь доработать скрипт. Скрипт ресайзит фоновую картинку согласно разрешению экрана. Однако я столкнулся с проблемой - на мобильниках, когда контент внутри блока с данным фоном больше, чем разрешение экрана, он обрезает этот самый контент.
Для этого я решил воспользоваться медиазапросом. А вот какой результат:
В ChromeMobile, FirefoxMobile, картинка обрезается. В SafariMobile, YandexMobile, AndroidMobile срабатывает - то есть фон растягивается по контенту ниже нижней границы экрана.
Где-то нужно его доработать, но не знаю как, чтобы срабатывал во всех браузерах.

<section class="intro fullheight">
   ....content....
</section>

var wheight = $(window).height();
						var width = $(window).width();
						
						if (width => '768'){
							$('.fullheight').css('height', wheight);
							$(window).resize(function(){
								wheight = $(window).height();			
								$('.fullheight').css('height', wheight);
							}) 	
						} else {$('.fullheight').css('height', '700px');}

Значение 700px было поставлено просто наугад.

Добрый день.
Столкнулся также с неправильным отображением flex-box в Safari (точнее на устройстве IPAD Mini)
Консоль разработчика в Сhrome отображает все ровно, там как раз есть эмуляция данного девайса. На самом устройстве всё едет.
Прописал
display: -webkit-box;
-webkit-align-items: center;
-webkit-justify-content: space-between;
Это почему-то стало конфликтовать, и в Chrome и других браузерах опять все едет. Удаляю display: -webkit-box; - все в Chrome становится в порядке. Но Safari в таком виде все равно не работает.
Комментарии типа обнови Safari не принимаются.
Такими техниками как Grunt и Autoprefixer не пользуюсь - они действительно способны решить мою проблему?.. Просто на изучение потребуется время.... Может есть более быстрое решение?..