И такое бывает.
Со старта проекта было записано свойство .container. Был дал определенный размер по ширине и задан автоматический отступ, дававший возможность размещать данный контейнер по центру сайта.
В дальнейшем, обращение к контейнеру производилось через родительский элемент, а потом к контейнеру. Это задало некоторую путаницу при размещении нового блока, который не хотел вставать в центр сайта, ведь у него было другое свойство card__container.
при задании класса container, проблема исчезла.
Вывод.
Если есть желание, при разметке именовать container с дополнительными названиями, чтобы "не запутаться", имеет смысл применить селектор классов, который будет совершать поиск в css по текстовому значению "__container"
Написав work__container или card__container, селектор все-равно определит __container в названии класса по совпадению текста и общие стили для "__container" будут применены.
селектор:
[class*="__container"] {
width: 13rem;
margin: 0 auto;
}
Около минуты
30 марта 2022