NeKt0

.swiper-pagination {
  position: relative;
}

Мне помогло.

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

Если нужно, чтобы только 2 строки текста было, к примеру, то можно сделать так:

/* если указано количество строк и длинный текст надо сокращать */

.some-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; 
}

Тогда весь лишний текст будет обрезаться и вместо него будет троеточие.

Что касается картинок, то можно было сделать так:

/* Картинка масштабируется по отношению к родительскому элементу */

img {
  object-fit: cover;
  width: 100%;
  height: 100% // или нужная высота
}

Как-то так.

Тоже озадачен этой проблемой. Все хотят быстро, дёшево и качественно, а это нереально. Во всяком случае до тех пор, пока не появятся роботы, которые заменят людей разных профессий, в т.ч. верстальщиков и фронтендеров.

Я не робот и быстро не могу. Для меня "быстро" - синоним к "некачественно". Сам ещё новичок и учусь. Но уже знаю одно - не надо равняться на кого-то, нужно найти свой удобный и комфортный ритм, в котором способен конструктивно трудиться. Всё остальное - от лукавого. ;-)