С этим проблемы скорее всего

Ребят, такой вопрос по организации кода

Вы как-то придерживаетесь порядка написания цсс свойств, есть ли что-то об этом в методологиях каких-либо или рекомендациях?
Я просто за все время практики в верстке, выработал для себя такую привычку, при описании стилей селектора придерживаться грубо говоря такого порядка:

1) Позиционирование
2) Дисплей и его свойства
3) размеры
4) отступы, внешние, внутренние
5) бордеры, тени и.т.д
6) все, что связано с текстом
7) цвет фона и свойства бэкграунда
8) фильтры, трансформы, анимации и прочье

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

Кто-то еще парится по этому поводу?


К примеру:
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
width: 25%;
padding-right: 5px;
И.т.д

О кстати только недавно задумался реально об этом))) сам хотел тоже спросить) у меня так:
1) Дисплей
2) Позиционирование
3) Всякие цвета, стили текста и тд
4) Отступы
5) Анимация и тд

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

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

Кто разбирается в js ?

сразу вопрос пиши лучше, мета-вопросов стоит избегать

как оформить ,то что внутри аккордеона ? представительство и т.д.

загуглил - такое есть к примеру https://habr.com/ru/post/523884/

как обычный блок, который и вне аккордеона делал бы

так это же просто структура css

Это вопрос не по жс)

Если коротко, логика аккордеона в том, что ты по клику на кнопку запускаешь событие, которое показывает зарнее скрытый элемент
Соответственно, если ты делаешь аккордеон с нуля, то сверстай его вначале весь развернутый, потом уже спрячь как бы ты хотел его спрятать
И потом, при событии открытия просто вешай класс/мауни в документ ноду и тд)

это я по теме выше...

а окей

у меня готовый аккордеон есть,просто он оформлен по другому ,и надо все менять(

@Vad1m_Sib, @Bogdan_Bida
Если вы задумывались, то везде: в туториалах, на сайтах, документация примерно такой порядок написания кода. Что-то вроде негласного закона?

Так прикол в том, что ты элемент с текстом внутри блока аккордеона пишешь и весь блок (1 пункт, див) аккордеона скрываешь. По крайней мере я так делал

каким решением пользуешься?
Аккордеон, который не настраивается - странная история
Можешь просто перебить стили своей либы же?)

Ничего не понял, верстаешь аккордион, внутри 2 элемента грубо говоря (кнопка-заголовок и контент-блок). При клике на заголовок скрываешь блок-контент

​​Использование Effector в стеке React + TypeScript 😎

В этой статье автор поделится своим кратким обзором внедрения стейт-менеджера Effector в продуктовый проект на стеке React + TypeScript, а также покажет на примере, как легко это можно сделать.

Читать - https://habr.com/ru/company/domclick/blog/532016/

#react #javascript