@Shugar348 так мне нравится куда больше.
Все же насчет строки с номеров, Ваш вариант (без смещения)
Мой, сместил строку на 1 px вниз. Выглядят расстояния между строчек одинаковыми. Но дело Ваше.
@Shugar348 естественно дизайн не может иметь только одного решения, но подобные отступы чаще все используются для акцента, например подзаголовка или первой строки. В данном случае я не вижу в нем смысла. А смотрится он некрасиво.
В любом случае, как я уже говорил — это только мое мнение.
@hola_engineer там вроде в меню формирование можно поставить галочки так, чтобы круг сам удалялся. Иногда это нужно, а иногда старый объект (круг в данном случае) тоже необходимо сохранить.
1. Выравняйте текст по левому краю, что за непонятный отступ? Обратите внимание, что буква С в заголовке имеет округлую форму слева, так что отступ заголовка и отступ текста должны немного отличаться, чтобы визуально выглядело ровно. Я вроде сделал padding-left:18px для тега p и было нормально
2. Увеличьте интерлиньяж, строчки слиплись и некрасиво смотрятся. Я ставил line-height:30px попробуйте и другие варианты, но будет смотреться куда лучше.
3. Строчка с номером телефона содержит только цифры, они высотой со строчные буквы и в итоге интерлиньяж между этой строкой и мылом выглядит меньше, попробуйте после выполнения п.2 ее немного сместить вниз, опять-таки, чтобы визуально смотрелось красиво.
4. Обратите внимание на выделенный желтым текст. Я конечно не типограф, тем более английский, но так слова вроде не хорошо оставлять, попробуйте перефразировать или перенести выделенные слова на след. строку, но по этому поводу лучше проконсультироваться с кем-нибудь другим. В теперешнем положении смотрится как-то странно.
5. Мыло сделайте кликабельным.
6. После пункта 1 выравняйте также по левому краю и тег hr.
7. Спорный момент, согласен, но ссылку на vk я бы сделал вида vk.com/japan_ask. Кто-то может захотеть скопировать ее.
@Shugar348 всех гладить по голове терпения не хватит. Не обижайтесь.
Насчет Вашей идеи — научиться делать такое — это одно, а вот реализовывать на сайте я не советую. Веб-разработчики вообще грешат всякими фичами на своих сайтах, которые сильно осложняют работу с ними.
Конкретно на данном сайте я бы всего-лишь слегка поправил типографику и оставил бы как есть. Если интересна критика типографики (конечно, это будет только мое мнение) — пишите.
@hola_engineer так я вроде написал ) Куда же тут еще последовательнее? Что именно не получается? В конце-концов, Вы поизучайте панель, она Вам часто будет нужна. Разные способы попробуйте, если не то что нужно — отменили и по новой.
@Petroveg то, что визуально они не отличаются — никто не спорит. Дело только в принципе. А также, к примеру, способы сглаживания или тот же color не будут работать для области.
@Petroveg а почему? Ведь висячая пунктуация для чего делается? Для того, чтобы справа при отбивке по ширине не было визуальных пробелов, из-за того, что знаки пунктуации имеют меньший визуальный вес. А так ты получается переборщил, такой знак пунктуации сам по себе весит как обычный знак, его можно и не выносить :) Кстати, не подумай, что придираюсь, но почему не сделать так: codepen.io/iiil/pen/hFdeo :)
При таком случае знак также не попадает в буфер при копировании, а вот использование некоей закрашенной области вместо знака типографы вряд ли одобрят, примут со скрипом :) И вот там небольшой получается пробел
, видимо из-за спанов.
