Задать вопрос
@atambalasi

Как сделать изображения адаптивнной?

<section class="offer">
    <div class="owl-carousel slider">
    	<?php foreach(getSlider() as $sliderpost): ?>
        
        	<div class="item slider-wrapper" style="background-image: url(<?php //echo get_the_post_thumbnail_url( $sliderpost->ID); ?>);">
        		<img src="<?php echo get_the_post_thumbnail_url( $sliderpost->ID); ?>">
	        	<a class="slide-btn" onclick="popup_callback();">Заказать</a>
        	</div>
        
        <?php endforeach; ?>
    </div>
</section>

item slider-wrapper фиксирован по высоте 200px как сделать чтобы изображения показывался целиком но при этом был высатой блока item slider-wrapper. Пробывал cover половина изображения по бокам нет. Пробовал contain изображния встала центр блока не по все высоте item slider-wrapper
  • Вопрос задан
  • 66 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
lukoie
@lukoie
Надо фону задать точные ширину и высоту.
Вот тут смотрите: https://idg.net.ua/blog/uchebnik-css/ispolzovanie-...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽