<div></div>? Почему у заголовков нет класса <h2>Мои навыки:</h2>?main_section-first_images
Хотелось бы узнать как решается такая задача с применением флексов и без
С Android тяжелее всего. Автопроигрывание не работает. Кнопка Play появляется только если добавить для тэга video аттрибут controls, чтобы появились стандартные контролы управления. Это, увы, не так уже красиво. Но это ещё не всё. Для того, чтобы видео начало играть, нужно ещё добавить дополнительно Javascript-обработчик, который принудительно скажет video, чтобы оно играло:
var video = document.getElementById(element);
video.addEventListener('click',function(){
video.play();
},false);Для определения Android, чтобы добавить аттрибут controls, я просто использовал Detect.js:
var ua = detect.parse(navigator.userAgent);
if ( ua.os.family === 'Android' ) {
video.setAttribute( 'controls','controls' );
}Кроме того, чтобы это работало на Android, нельзя использовать атрибут type внутри source.
Думал сделать 4 колонки
но из-за разного кол-ва блоков в колонках будут проблемы с адаптивностью
Flex сюда тоже так себе подходит
CSS-Grid не предлагать ;)
#content {
width: calc(100% - 285px - .35em);
}.container {
min-height: 100% // не хватает точки с запятой
display: -ms-flexbox;ЗЫ: Флексы НЕ использовать.((( К сожалению, нужна поддержка ИЕ9 и более старых Хрома и Лисы, а главное сафарных Айфонов... Целевая у зака такая.(((
-webkit-box, -moz-box, -ms-flexbox, -webkit-flex не отменили пока.@supports.@supports (display: flex) {
div { display: flex; }
}
@supports not (display: flex) {
div { float: left; }
}.clients__client--client1
.clients__client--client2
.clients__client--client3
.clients__client--client4Где черные квадраты это элементы списка(li), а белые - пустое пространство.
.block:nth-child(even) {
background: #000;
}
.block:nth-child(odd) {
background: #fff;
}$('ul li').after('<li class=adding></li>');