0

добрый день. на сайтевведите сюда описание изображения есть табличка с тремя . при уменьшении разрешения экрана табличка заплывает за грани, как показано на картинке. как это можно исправить???

5
  • вот ссылка на сайт ---geosky.ge 2 апр 2017 в 14:46
  • 1. Не видно таблички. 2. В оригинале вроде слайд-шоу было. 3. Чтобы элементы были адаптивными, надо использовать media queries в CSS и там все регулировать как надо.
    – labris
    2 апр 2017 в 16:29
  • В этом элементе есть блок <div class="owl-wrapper" style="width: 2960px; left: 0px;... Поэтому и выступает...
    – DNS
    2 апр 2017 в 17:38
  • Какая табличка? За какие грани? 2 апр 2017 в 18:14
  • вот те три картинки которые изображении. а вот третья заходит за грань на маленьких экранах 2 апр 2017 в 18:19

1 ответ 1

0

.wrapper {
  display: flex;
  justify-content: space-between;
}

.item {
  width: 32%;
}

.item img {
  width: 100%;
}
<div class="wrapper">
  <div class="item">
    <img src="http://beerhold.it/1024/768">
  </div>
  <div class="item">
    <img src="http://beerhold.it/1024/769">
  </div>
  <div class="item">
    <img src="http://beerhold.it/1024/767">
  </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.