Картинка по размеру блока
Картинка по размеру блока Часто возникает необходимость растянуть картинку по размеру блока с сохранением пропорций, чтобы изображение не искажалось. При этом результат бывает нужен разный……
#Flex
#Grid
#Html-Темы
#HTML&CSS
#It-Блог
#Jquery
#Js
#php
#SEO
#vue
#Woocommerce
#Wordpress
#Лайф хаки
#Плагины
Картинка по размеру блока Часто возникает необходимость растянуть картинку по размеру блока с сохранением пропорций, чтобы изображение не искажалось. При этом результат бывает нужен разный……
HTML Создаем 3 контейнера внутри body Шаг 1 Сбрасываем стили: Шаг 2 Немного стилизуем body: Шаг 3 Стилизуем все контейнеры: Не волнуйтесь, мы рассмотрим каждое из указанных…..
родительский блок: Нижний блок ( footer, btn и.т.д )
CSS // reset for img img { max-width: 100%; height: auto; vertical-align: bottom; } .line { display: flex; justify-content: space-between; max-width: 768px; margin: 20px auto; } .left { flex: 0 1 calc(50% — 10px); max-width: calc(50% — 10px);…..