Как правильнее задавать фон-картинку для списка?

Question

[Faha1998]

Есть такое меню

сейчас я задал фон для всего UL(фон это повторяющийся кусочек градиента).
Проблема состоит в том что при масштабировании страницы меню съезжает со своих мест, и заметны стыки повторений фона


, но если задать фон для каждого элемента LI, то у последнего элемента ширина не на весь блок UL, как задать списку занять весь UL,сейчас они поделены padding'гом
Всем заранее спасибо, жду ваших ответов

Answer 1

[Yakov Vylegzhanin]

Градиент картинкой в 2016?
Сделай на CSS и не мучайся.

Comments

[Faha1998]

спасибо, мой провал, я бы этот как мем сделал, а можно спросить, посмотрите пожалуйста на скрины:
1) тут меню скейлится и чего я боялся. li элементы не делятся на весь ul блок...
img.tas-ix.net/image/Mb
2img.tas-ix.net/image/MF
тут вроде все норм, но как отцентровать блок desc(описание машины) в sidebar, у sidebar нет фикс ширины, он имеет 33.3%(coml-md-3).

[Yakov Vylegzhanin]

Фахриддин Абдурахимов: не грузятся скрины, битые ссылки какие-то. Залей код на codepen или jsfiddle.

Answer 2

[Михаил Золотарёв]

Если я правильно понял проблему, и если быть кратким, то:

.parent {
         display: flex;
         justify-content: space-between;
}

Answer 3

[Сергей Горячев]

www.colorzilla.com/gradient-editor
Вот вам генератор градиента CSS и не парьтесь со своей картинок.

Answer 4

[profesor08]

У вас проблема с адаптивностью, вот ее вам и надо решать. CSS - media в помощ.