Стили макета Rails 7 перезаписываются при рендеринге представлений ⇐ CSS

[Anonymous]

Я работаю над приложением Ruby on Rails. Приложение отображает макет, который должен включать определенные стили и структуру. Однако я столкнулся с проблемой, когда стили макета применяются неправильно при рендеринге представлений через Rails. Ниже приведены подробности:
Проблема:
При доступе к приложению через Rails макет выглядит сломанным и содержит неправильные стили, как показано на первом изображении:Напротив, когда я визуализирую тот же макет с использованием чистого HTML и CSS, он выглядит правильно, как показано на втором изображении:
Наблюдения:
правильный макет имеет четкую структуру с отдельными разделами, цветами и правильным выравниванием элементов.
Похоже, что в неработающем макете некоторые стили отсутствуют или переопределены, что приводит к несовпадению и проблемам с цветом.
Проблема кажется конкретной. в среду Rails, поскольку версия HTML/CSS работает отлично. Также я пробовал разные браузеры (Chrome, Firefox и Edge) с одной и той же ошибкой.
введите описание изображения здесь
введите описание изображения здесь
Я убедился, что все файлы CSS правильно связаны в «application.html.erb»,
проверил, что все файлы JavaScript включены и работают, и
сравнил CSS и HTML, используемые в чистой версии, с Версия Rails для поиска несоответствий.
Что может быть причиной переопределения или неправильного применения стилей при рендеринге представлений в Rails? Как я могу гарантировать, что макет в приложении Rails будет выглядеть так, как ожидалось?
Будем очень признательны за любые идеи и предложения. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/785 ... ring-views