попробуй, лучше костылями CSS не делать)

scaleY ?

ну это то же самое, что и translateY

будет пустое пространство, так как на поток это свойство не влияет

как угодно — если через минуту откроешь код и вспомнишь, что это за блок — название нормальное

ну это то же самое, что и translateY

ноуп)

будет пустое пространство, так как на поток это свойство не влияет

полюбому высоту надо уменьшать

пространство, выделенное на блок, останется, просто блок будет не виден

полюбому высоту надо уменьшать

а высота не анимируется.

а высота не анимируется.

в смысле

так что её смысл трогать нету

в смысле

height: 0; —> height: auto не анимируется

height: 0; —> height: auto не анимируется

так не делай auto)

так не делай auto)

а как?

как угодно — если через минуту откроешь код и вспомнишь, что это за блок — название нормальное

А с точки зрения правильности и реиспользования?

ты же знаешь какого размера должен быть блок

А с точки зрения правильности и реиспользования?

нет никакой правильности

ты же знаешь какого размера должен быть блок

ты предлагаешь фиксированную высоту ставить?

Как бы вы назвали это блок при компонентом подходе? class='we-change' Или как-нибудь class='main-description' Или как-то иначе?

точно не первый вариант

ты предлагаешь фиксированную высоту ставить?

ну да если у тебя блок меняется - то ок, тут высота не катит если нет - то фиксированная высота, и радость анимации

нет никакой правильности

а как же стайлгайды и паттерны

ну да если у тебя блок меняется - то ок, тут высота не катит если нет - то фиксированная высота, и радость анимации

ок, а если в блоке текст, и я его буду сжимать по ширине?

а как же стайлгайды и паттерны

с точки зрения программиста?

браузеру то пофиг, как там классы названы

с точки зрения программиста?

ну так это и написано программистами для программистов

Это компонет - контент У тебя тут и текст, и заголовок, и ссылка Целиком блок - компонент контент, по частям - отдельные компоненты Для всего блока что-то вроде '.text_content' - вроде норм, понятно, что там контент, понятно что он там текстовый

очень плохая позиция

очень плохая позиция

по месту

можно .a, .b, .c и тд.

ок, а если в блоке текст, и я его буду сжимать по ширине?

сначала делаешь текст прозрачным, потом уменьшаешь блок = выглядит очень круто и в обратной - увеличиваешь блок, и только при полном размере блока показываешь текст

один хрен я не буду читать код с листа, а открою инспектор в браузере и точно узнаю, какой стиль, в каком файле и на какой строчки править

Этот код я лично дальше буду поддерживать

один хрен я не буду читать код с листа, а открою инспектор в браузере и точно узнаю, какой стиль, в каком файле и на какой строчки править

но общая читаемость файла - никуда не годится

сначала делаешь текст прозрачным, потом уменьшаешь блок = выглядит очень круто и в обратной - увеличиваешь блок, и только при полном размере блока показываешь текст

короче нет, спасибо, я лучше высоту трогать не буду)

Этот код я лично дальше буду поддерживать

Тогда определи просто каждый элемент как отдельный компонент, и поназывай как удобно а блоки, в которых есть другие элементы - смотри по контенту внутри но классы типа заголовков ".we-change" - только если блок специфичный, и то, лучше так не делать

короче нет, спасибо, я лучше высоту трогать не буду)

а мог сделать очень крутую анимацию)

а мог сделать очень крутую анимацию)

это не крутая анимация, а куча геморроя)

проще взять jQuery toggle() тогда

или как оно там называется

Это компонет - контент У тебя тут и текст, и заголовок, и ссылка Целиком блок - компонент контент, по частям - отдельные компоненты Для всего блока что-то вроде '.text_content' - вроде норм, понятно, что там контент, понятно что он там текстовый

Я решил остановиться на следующем: Весь блок назвать .we-change, все что внутри разделю на несколько компонентов. Левая часть с текстом .column-title, черный разделитель .separator, правая часть с текстом .main-description и ссылка будет .outside-link

Я решил остановиться на следующем: Весь блок назвать .we-change, все что внутри разделю на несколько компонентов. Левая часть с текстом .column-title, черный разделитель .separator, правая часть с текстом .main-description и ссылка будет .outside-link

бэм не пробовал?

бэм не пробовал?

Это и будет по бэм

это не крутая анимация, а куча геморроя)

не куча, буквально 20 строчек) при правильном тайминге анимация будет выглядеть очень сочно - посмотри на кучу сайтов современных web-дизайнеров

потому что .we-change .column-title и .outside-link — выглядит печально)

Это и будет по бэм

нет, это не по БЭМ)

Это отдельный блоки

Это и будет по бэм

?

А в них уже column-title__header и т.д

ну ладно .column-title — а чаще бывает .c-title

Я решил остановиться на следующем: Весь блок назвать .we-change, все что внутри разделю на несколько компонентов. Левая часть с текстом .column-title, черный разделитель .separator, правая часть с текстом .main-description и ссылка будет .outside-link

общий блок - лучше с каким-то контентым словом, но как хочешь разделитель - может ".separator-vertical" ?

я вообще против того, чтобы называть классы по тому, как они в дизайне выглядят

и что, полезете классы менять?

я вообще против того, чтобы называть классы по тому, как они в дизайне выглядят

лол, все норм верстальщики и frontenderы против)

ищу ищу, делаю делаю

нечего не получается)

flex

ERROR: S client not available

называйте классы так, чтобы была привязка к контенту

author-title

как тебе нужно их выровнять?

Орб прочитал, что я выше написал?

как тебе нужно их выровнять?

надо додвинуть до пересечения красной черты

Орб прочитал, что я выше написал?

Да, сейчас переименовываю

Как исправить?

берешь ".ssilki" и двигаешь вправо с помощью margin или padding

берешь ".ssilki" и двигаешь вправо с помощью margin или padding

вместо этого меняется отступ между элементами

там какой-нибудь "padding-left: 20px" - должен всё сделать

когда пишу в другому блоку(родителю) то игнорит

вместо этого меняется отступ между элементами

тогда ul внутри двигай

Я думаю что проблема в кач-ве фотки. Попробуй перефотать с зеркалки.

padding попробуй position: relative display: block и т.д.

я без понятия как у тебя там блоки расположены

Дай бордер родителю чтоле для наглядности, и шас я кофе допью погадаю на гуще))

скинуть весь код?

А давай

скинуть весь код?

дай или ссыль на сайт, или код куда-то закинь

скинуть весь код?

НУ конечно , только не в чат а в песочницу

НУ конечно , только не в чат а в песочницу

Дай ссылку пожалуйста

Дай ссылку пожалуйста

Какую ссылку?

Какую ссылку?

На песочницу

На песочницу

https://codepen.io/