</div> пропустил. Так вот он что-то мне не зашел совсем, ищу альтернативы так сказать, накидал скрипт для ленивой подгрузки картинок, чтобы посмотреть и решить, а стоит ли. Так же планирую уменьшить размер картинок с помощью media, но это на будущее.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.2/css/swiper.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="flex">
<main>
<div class="slider">
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="flex">
<div class="slider_image" style="background-image: url('https://picsum.photos/600/800/?gravity1');">
</div> <!-- /slider_image -->
<div>
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Жизни силуэт, даль гор которой назад которое диких, деревни текст?.</p>
</div>
</div> <!-- /flex -->
</div> <!-- /swiper-slider -->
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="flex">
<div class="slider_image" style="background-image: url('https://picsum.photos/600/800/?gravity2');">
</div> <!-- /slider_image -->
<div>
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Жизни силуэт, даль гор которой назад которое диких, деревни текст?.</p>
</div>
</div> <!-- /flex -->
</div> <!-- /swiper-slider -->
</div> <!-- /swiper-wrapper -->
</div> <!-- /swiper-container -->
</div> <!-- /slider -->
</main>
<aside>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Буквенных, жизни выйти пунктуация? Города подпоясал знаках даже жизни, живет переулка деревни образ коварных, решила всеми, встретил до заманивший, необходимыми даль предупреждал жаренные. Раз над грустный толку, единственное решила страна его запятых выйти но маленькая текст она последний свой курсивных обеспечивает всемогущая необходимыми, на берегу даль лучше диких рыбного своего вершину прямо! Инициал своих прямо, за запятой до. Семантика образ лучше великий снова речью, переписывается текст, взгляд подпоясал, что залетают инициал вопрос страна?
</aside>
</div>
<!-- Swiper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.2/js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
});
</script>
</body>
</html>html, body {padding: 0; margin: 0;}
.flex { display: flex; }
main { width: 100%; }
aside { width: 350px; background-color: #5f9; }
/*.swiper-wrapper { width: 1px; }*/
.slider { background-color: #eee; padding: 10px; }
.slider_image {
margin-right: 20px;
flex-shrink: 0;
width: 40%;
min-height: 280px;
background: no-repeat center center;
background-size: cover; }
.slider h1 { font-size: 23px; }
.slider p { font-size: 18px; }
.wrapper div:not(:first-child) {
margin-left: auto;
}
.wrapper div:not(:last-child) {
margin-right: auto;
}1. Получаем токен:
https://pddimp.yandex.ru/get_token.xml?domain_name=domen.ru
где domen.ru - наш домен, делегированный на яндекс
2. Переходим на https://pdd.yandex.ru выбираем нужный домен и кликаем "Редактор DNS"
добавляем A-запись для домена:
Хост: myhost Тип: A Значение записи: 8.8.8.8
3. Получаем id записи:
https://pddimp.yandex.ru/nsapi/get_domain_records.xml?token=XXXX&domain=domen.ru
token и domain подставляем свои
для строки с myhost переписываем id="1234567"
4. Обновляем ip-адрес через скрипт:
https://pddimp.yandex.ru/nsapi/edit_a_record.xml?
token=$TOKEN&domain=$DOMEN&subdomain=$SUB&record_id=$RECID&content=$IP&ttl=1800
где подставляем свои: token, domain, subdomain, record_id, content (текущий ip)@media, т.е. блоки могут "исчезать", добавляться и т.д. Поэтому идеальным решением для меня как раз является 100% для main.