CSS

CSS

Пример

При наведении цвет появляется.

Растяжение самой карты

Нужно в конструкторе карт отметить «Растянуть по ширине». Если нет доступа к конструктору, то можно тегу iframe задать атрибут width="100%".

Если карта в виде Javscript, то ширину нужно задать так: width=100%25&amp

Пример с iframe

HTML:

<img src="/img.png" />

CSS:

img {
width: 100%;
max-width: max-content;
}

CSS:  

Пример заголовка

Когда применяется это свойство, дочерние элементы ведут себя так же, как и при обычном display: flex.

Но элемент, которому назначено inline-flex, ведет себя как строчный.

Пример с inline-flex

 Здесь красным блокам задано display: inline-flex, поэтому они располагаются в строку.

В Google Chrome, Mozilla Firefox и Яндекс Браузере есть такая возможность.

Окно сужается до определенного размера, но меньший размер можно задать в инструментах разработчика (нажав Shift + Ctrl + i).

Далее в левом нижем углу нажать на иконку планшета и телефона (в Firefox в правом углу).

И сверху указать размер экрана.

Если есть возможность добавить код на нужную страницу, то можно вставить в любое место сами стили:

<style>

body {
background:red;
}

</style>

Можно прямо перед текстом материала или после него.  

Если есть возможность отредактировать только общий шаблон, то нужно вставить нижеследующий код в любое место страницы.  

Несколько цветов для градиента можно указать так:

	background: linear-gradient(45deg, #c50303 0%, #b7097f 20%, #7512b3 30%, #18169a 40%, #0d7299 50%, #149441 60%, #0f990d 70%, #50990d 80%, #a1c317 90%, #dea914 100%);

Вот как он будет выглядеть:

Можно также перечислить несколько градиентов через запятую: