На данном скриншоте ярко показано, что это глупейшее решение — объединить стили у совершенно разных элементов, из самых разных мест документа, с совершенно разными свойствами. (https://ibb.co/ZfcGh8G)



.form-horiz — это форма, которая находится в горизонтальном положении. Более того, стили в самом файле main.css находятся очень далеко.
.trip-container — это общий блок, который задаёт границы и в котором находится вся секция.
.trip-block — это уже конкретные блоки с контентом, которые могут изменяться как уже угодно. (в данном случае он один, но это не важно, пусть хоть 100)



Так вот, есть ли идеи, с какой целью это было сделано разработчиками? Какую пользу это может за собой нести? Если это даёт знать, у каких элементов одни и те же стили, то как тогда работать с такими элементами по отдельности? Совершенная глупость по моему мнению. Если я хочу убрать max-width только у .trip-block то максимальная ширина пропадает сразу у формы и вообще у контейнера и там такая каша происходит, что уже пожалел, что полез в консоль.
Неужели нужно каждый раз прописывать стили заново в область element.style, для того, что бы с ними работать?
Встречали ли вы такое и как вы работаете в таких случаях?