CSS / Bootstrap абзац адаптивного дизайна

Question

Разрабатываю сайт на основе шаблона Bootstrap. Вот ссылка: http://pixelslab.pl/ly/ Просто у меня проблемы с абзацами посередине - они странным образом перекрываются. Есть идеи, как это исправить?

скриншот проблемы

Answer 1

Фиксированная высота вызывает это ... измените CSS следующим образом:

@media screen and (max-width: 766px){
    .elementor-text-wrap .section
    {
    height: auto;
    min-height: 200px;
    padding-top: inherit    
    }
}

Answer 2

Чтобы они работали должным образом, вы должны установить значение по умолчанию line-height на нормальное значение в определенной точке останова, например 767px. Вы также должны применить flex-direction: column; к родительскому элементу, чтобы получить лучшие результаты. Результат должен быть примерно таким:

@media only screen and (max-width: 767px) {
      .elementor-text-wrap .section {
        flex-direction: column;
      }
      .section p {
        font-size: 14px;
        line-height: normal;
      }
    }
}