Как обнулить margin у первого элемента переноса?

Question

[Vladislav]

Песочница: https://codepen.io/vladgr/pen/YzqQBKV
Идея: при уменьшении ширины max-width кнопки переносятся на новою строку, но как сделать чтобы у первого переносившегося элемента обнулился margin, вот скрины, во тут макс ширину поменяете и увидите

Answer 1

[Кирилл Никитин]

А нельзя вместо .filter__btn-category+.filter__btn-category просто отступ в другую сторону?

.filter__btn-category {
  margin-right: 20px;
}

Comments

[Vladislav]

Кирилл Никитин спасибо)

Answer 2

[fallus]

Если под современные браузеры делается и IE неважен, то можно просто добавить контейнерам(у которых display: flex) св-во gap: 10px 20px;

И нет, я не пьяный.

Comments

[Vladislav]

fallus а разве gap не гридовое свойство?

[fallus]

Vladislav, и да и нет.
Тут можно по этому поводу почитать:
https://habr.com/ru/post/468327/