Стили inline

[viktorovich87]

Много элементов используют стили-inline, для того чтоб код был чище - можно выносить в className все стили и использовать из одного места/файлы их

[asd95]

Честно, что касается верстки сделал глупую ошибку. Хотел полностью применить Material-ui который толком не знаю не то как применить, но как лучше оформлять. Лучше бы сделал что-то типа mixed. Так бы было гораздо лучше. Полностью согласен с вами

[viktorovich87]

самый простой и верный способ, в любой непонятной ситуации, использовать свои кастомные стили - это какому-либо элементу задать className="my-class"

в начале компонента после всех основных импортов импортнуть свой файл стилей import "./styles.css" (или *.scss что даже лучше)

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

[asd95]

ВЫ имейте ввиду для самого компонента применить соответствующие к нему стили и не использовать к примеру тот же margin для него чтобы могли его переиспользовать? А уже там где его применяешь делаешь используешь какие-то обертки соответствующие.