Как убрать доп классы в разметке (грид контейнер)?

Ankhena , извините, за глупый вопрос
а я потом обойдусь без импортантов?
ведь сейчас в одну колонку я не выставлю без него ( в конце стилей пример)
https://jsfiddle.net/aLfnmu52/

а ведь еще десктопе ( где по 2)

Как убрать доп классы в разметке (грид контейнер)?

Ankhena. спасибо огромное

Как убрать доп классы в разметке (грид контейнер)?

Ankhena, но если убрать 4, 5, 6 итемы - то будут проблемы ( третий не на всю ширину)
может можно исправить как-то
не совсем понимаю

.item:nth-last-child(4):first-child ~ .item  {
  grid-column: span 3;
}

Как убрать доп классы в разметке (грид контейнер)?

Ankhena, так? https://jsfiddle.net/16hfnryv/
это будет вполне не костыльный вариант?

Как убрать доп классы в разметке (грид контейнер)?

Ankhena, вроде таким образом решилось. Но проблема в том, что доп классы не могу убрать
https://jsfiddle.net/8d05ma3n/