Как на css отследить первый ряд элементов?

Друзья, непростая задача, лично я ума не приложу как реализовать. Есть "РЕЗИНОВЫЙ" блок, в нем дочерние блоки в два ряда по 6 штук. У каждого блока есть псевдоэлемент справа снизу. ВОПРОС, как сделать так, что бы у элементов ПЕРВОГО РЯДА скрывать эти псевдоэлементы? Если бы не адаптация, и всегда в первом ряду было 6 элементов, то легко, просто убираю у первых 6 элементов.

.item:nth-child(-n+6)::after{
  display:none;
}

но проблема в том, что при уменьшении окна браузера, блоки адаптируются, и в рядах их становится меньше, и все летит к чертям. Еще проблема, с крайними элементами справа, там тоже непонятно как скрыть псевдоэлементы :(

Вот так должно быть, круги это псевдоэлементы, они должны быть между блоками.
5dbddb0118df6407346091.jpeg

Но стоит изменить ширину окна и все летит в ад
5dbddb6dbee61613549422.jpeg

Как это сделать адаптивным?
Вот живой пример https://codepen.io/Cheizer/pen/vYYpjyM
  • Вопрос задан
  • 246 просмотров
Решения вопроса 1
RAX7
@RAX7
Наверное только так:
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Dozalex
Senior Frontend Developer
Описание задачи и описание картинки расходятся.
Если принять за задачу то, что между всеми элементами должны быть кружки, независимо от ширины экрана, то делаешь псевдоэлементы для всех, и задаёшь `overflow: hidden` для общего контейнера, тем самым скрыв правые и нижние кружки.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы