Что делать если overflow: scroll прячет часть контента?

Question

[ckodj_lzt]

В общем. У меня есть блок div (.lots) в котором находиться еще 5 div (далее - карточек)
Эти блоки находятся в блоке (.container) который лишь задает ширину и выравнивает все по середине.
В моб. версии его ширина = 90%

.lots {
    display: flex;
    justify-content: space-around;
}
.lot-card {
    margin-bottom: 20px;
    transition: transform 0.25s;
    position: relative;
    border-radius: 5px;
    width: 220px;
    height: 422px;
    background-color: rgb(255, 255, 255);
}

Суть проблемы:
В пк версии все выглядит отлично, как и должно быть, но стоит открыть все это с телефона, как первая и половина второй карточки скрывается, и до них невозможно добраться


Кто-то сталкивался с такой проблемой? Как ее можно решить?

Comments

[Сергей Сергей]

.lots
  .container
    .lot-card
    .lot-card
    .lot-card
    .lot-card
    .lot-card

container с отрицательным отступом?

Answer 1

[Pavel-ww]

Без ссылки можно только гадать. Но подозреваю что проблема в .container, в "и выравнивает все по середине". Подозреваю флексом выравнивает? Если да, удалите это и просто добавьте к .lots margin: 0 auto;. И то только в том случае если ширина .lots меньше чем ширина контейнера. Никогда не используйте в .container какое либо выравнивание только ширину. Выравнивание должно осуществляться внутри обертки .lots, если это требуется