Перейти к содержанию

v1.0.1 обновление от 27-Май-2024


ab.support.serhii

Рекомендуемые сообщения

  • 6 месяцев спустя...
Post #16909 Опубликовано

Плывет сетка записей блога, пришлось css фиксить. И есть вопросы с картинками поста блога. Загружаешь фото и сохраняешь - все ок, потом удаляешь и сохраняешь появляется какая то белая фотка, загружаешь новую фотку и сохраняешь все равно белая фотка, удаляешь белую фотку и нажимаешь сохранить, появляется та, что загрузил.

Post #16915 Опубликовано

У меня на ширине 1440 px. Карточка везде 770 px, а картинка в 24 карточках бывает 308, 332, 340, 341 или 350 px. Высота карточки из-за этого тоже разная: от 205 до 233 px. Сами картинки одинаковые (871×580), дело не в них.
 

.ab--sfb__item { display: flex; gap: 15px 30px; }
.ab--sfb__item .ab--sfb-post-image { flex: 1 1 100%; min-width: 40%; }
@media (min-width: 769px) { .ab--sfb__item .ab--sfb-post-image { max-width: 350px; } }

Текстовый блок получает flex: 0 1 auto. Сжиматься могут обе колонки, и сколько места уйдёт тексту, зависит от его естественной ширины, то есть от длины заголовка.

Отсюда:

- при ширине экрана больше 768 px картинка «гуляет» от 40% карточки до 350 px;
- при ширине 561–768 px ограничения max-width нет, и разброс ещё больше.

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйте новый аккаунт в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...