Условно у вас должно получиться примерно так
Igor N замьютил ོ ོ на 12 hours Reason: Пожалуйста, смените ник. Пустые и нечитаемые ники у нас запрещены правилами чата
<div class="parent"> <div class="child"> ваша иконка </div> <div class="child"> ваша иконка </div> </div>
Igor N размьютил ོ ོ
в данный момент выглядеть вот так див внутри 4 <a> внутри <img>
По логике у вас иконка с корзиной будет вести на отдельную страницу, где будет происходить оформление заказа. Так что, это должна быть ссылка с картинкой\
<div class="user-nav"> <div class="user-nav__item"> <a> img </a> </div> <div class="user-nav__item"> <a> img </a> </div> </div> вот так ?
Контейнеру дай фон и скругление углов А сепаратор по центру сделай через ::after с абсолютом
Наподобие того. Кол-во позиций, которые будут отображаться, помещаете в отдельный тэг, span например. Его через position: absolute позиционируете над иконками. Чтобы не было проблем в последующим с адаптивностью, абсолютам задаёшь % значение. Потом через JS добавиться логика на отображение кол-ва товаров
Обсуждают сегодня