CSS попутного ветра, примененный к компоненту реагирования, перемещает панель навигации в ремиксе ⇐ CSS

[Anonymous]

Я создал компонент React под названием MainNavigation и использовал его в своем root.tsx в качестве основной навигации для своего проекта ремикса.


когда я применяю свой CSS к другому компоненту реагирования, который даже не часть основной навигации, моя основная панель навигации каким-то образом перемещается вместе с ней. Кроме того, компоненты перекрываются с навигацией вместо того, чтобы соблюдать границы друг друга.
Класс MainNavigation ul,

Код: Выделить всё

должен соблюдаться другими компонентами, такими как
X-компонент,

Код: Выделить всё

Как только я добавлю m-2 к компоненту X, т.е.

Код: Выделить всё

панель навигации переместится ниже.
[img]https://i.stack.imgur .com/TpogL.png[/img]

вместо того, чтобы оставаться на вершине. Как я могу это исправить? спасибо

Подробнее здесь: https://stackoverflow.com/questions/782 ... g-in-remix