Новый блок "Читайте на Смартлабе"

[kulbergArt]

Проблема: после прочтения поста, мы никаких новых постов пользователям не предлагаем.

Задача: сверстать блок как в дизайне =) Располагаться он должен после комментариев.

Дизайн: Artem Smart-lab

Нюансы: вопрос только к картинкам в превью. Надо сделать как в дизайне, чтобы высота и ширина фиксировалась, а изображение внутри контейнера центрировалось. Криво как-то сказал xD

[BDemetrix]

@kulbergArt забыл создать ветку
Вот коммит: https://github.com/BDemetrix/BDemetrix.github.io/commit/83950a65faeb015f0339fffb1027932b2583aa8e?diff=unified

Если картинка не нужна, просто не добавлять блок .news-card__photo-wrap

Верстка здесь: https://bdemetrix.github.io/sl_mobile/build/post.html

[kulbergArt]

Спасибо! Будем пробовать накатывать!

[kulbergArt]

Сделай пожалуйста у заголовков шрифт 21px (font-size: 21px;) и font-weight: 600;

[BDemetrix]

@kulbergArt У нас есть важный критерий разработки, которого мы изо всех сил стараемся придерживаться: максимально переиспользовать код и не плодить бесконечное количество стилей!

Исходя из этого я сверстал этот блок из готовых компонентом внеся некоторые изменения для адаптации. За основу я взял блок news-card. Со всеми уже сверстанными эффектами (ховер, посещенная ссылка, обрезка заголовка - максимум три строки...)

https://bdemetrix.github.io/sl_mobile/build/news-feed.html

Выглядит новый блок вот так со шрифтом 16px.

Чтобы много новых стилей не добавлять, можно увеличить его до 20px (на мой взгляд смотрится плохо). Вот как ты хочешь сделать:

Вообще у нас есть диссонанс в размерах с точки зрения юзабилити - там где надо сделать кнопки минимум 32х32, чтобы пальцами попадать, мы делаем из 10х10, а текст который хорошо читается при 16 и выделяется на общем фоне за счет дизайна мы хотим увеличить до гигантских размеров.

[kulbergArt]

Слова Тима "Ну если Дима против, оставим так"