Дичь какая-нибудь с чередованием ячеек типа min-content 16px.
Для четных (или у вас там класс) правый отступ на это 16 для визуального отступа и выравнивание justify-self: end, чтобы содержимое вывалилось налево.
Но при этом, конечно, нет никакой гарантии попадания в размер нечетных ячеек, если сразу не был задан размер. Либо определять его js.
А то, что скажу дальше вам, наверное, не понравится.
Напрашивается вывод об ошибке в структуре.
Лучше всего показать истинную задачу, а не вывод из неё, как сейчас.
Тогда, возможно, найдется более гармоничный вариант решения.
Сколько угодно.
Но имея в виду, что это тег предназначенный для основной навигации. Т.е. если меню дублируется, то второе не будет nav.
картинки
Нет там никаких "картинок".
Есть продолжение списка ссылок/кнопок. Просто они не имеют видимого текста, а иконки это их украшения.
Внутри элемента делают доступно скрытый (гуглите visually-hidden) span, а иконку вставляют псевдоэлементом и/или фоном/маской.
sharpsss, градиентами https://jsfiddle.net/Ankhena/n5b97ovh/
Старая песочница, придется смотреть через vpn, если вы в России или РБ.
Сейчас расчеты можно упростить за счет кастомных свойств.
ARCHXTEKK,
1. Проще pointer-events: none
2. Вместо абсолюта - гриды.
3. Но вы правы в том, что фоновая картинка это украшение и делается через css, а не вставляется как img в разметку.
bazliiii, очень хорошо.
Теперь вспоминаем как считается ширина. Использовать calc не удобно, потому что width рассчитывает слайдер. Значит, меняем box-sizing и получаем желаемое.
Ещё убираем width 100%, потому что не ясно зачем это вообще.
Заодно можно и с высотой разобраться.
min-content 16px.Для четных (или у вас там класс) правый отступ на это 16 для визуального отступа и выравнивание j
ustify-self: end, чтобы содержимое вывалилось налево.Но при этом, конечно, нет никакой гарантии попадания в размер нечетных ячеек, если сразу не был задан размер. Либо определять его js.
А то, что скажу дальше вам, наверное, не понравится.
Напрашивается вывод об ошибке в структуре.
Лучше всего показать истинную задачу, а не вывод из неё, как сейчас.
Тогда, возможно, найдется более гармоничный вариант решения.