05Сетка и типографикаиз архива
360 px: 4 колонки, поля 16, а карточки по две в ряд не влезают
Учебный проект в колледже, сервис записи на автомойку. На 360 сетка 4 колонки, поля 16, гаттер 16. Хочу карточки услуг по две в ряд, как на десктопе по четыре. Карточка выходит 156 px, и в неё не влезает «Комплексная мойка с химчисткой салона», цена и кнопка. Уменьшил текст до 12, стало мелко. Куда копать?
В кегль не копай, 12 на телефоне в карточке уже мелко. Варианты: карточки в одну колонку горизонтальные, слева иконка, справа название, цена и стрелка; или горизонтальная прокрутка карточек шириной 280, чтобы виднелся край следующей. Две в ряд по 156 хорошо работают для товаров с фото и короткой ценой, а не для услуг с длинными названиями.
у меня в учебной админке была та же беда, сделал списком строк, всё сразу влезло
А название услуги перепиши, это тоже дизайн. «Комплекс с химчисткой» влезает в две строки даже в 156. Длинные названия обычно приходят из прайса заказчика, а не из головы человека, который хочет помыть машину.