Как сделать слайдер с 2 кнопками переключения?

Question

[zveronol]

как на скрине

https://jsfiddle.net/fxgo6wr5/

Answer 1

[Виталий Першин]

Comments

[zveronol]

Виталий, спасибо огромное
небольшой нюанс
а выровнять в строку и между шириной активного слайда можно(там где стрелки с ссылкой посетить)?
просто в этом основная суть

желтым показал

https://codepen.io/vladpv_096/pen/WNwawry

[Виталий Першин]

zveronol, Я не очень понимаю что вы имеете ввиду, чтобы стрелки тянулись по ширине слайда, примените математику, сейчас у вас задан centerPadding 50px + у слайдера margin 20px итого 70px чтобы занять ширину центрального слайда:

.news__arrows_2 {
display: block;
width: calc(100% - 50px - 20px);
position: relative;
z-index: 20;
margin: 0 auto;
}

Тоже самое с навигацией можно провернуть

[zveronol]

Виталий, это ок
но я не совсем об этом
я о том что в одну строку проблемно поставить кнопки(там где 1/2/3 /4) с ссылкой (посетить)

https://codepen.io/vladpv_096/pen/WNwawry

[Виталий Першин]

zveronol, А в чем проблема, там везде независимые блоки. Делаете еще одну обертку слева навигация, справа ссылка. Все что вам сейчас нужно, это навешать стили и поставить элементы там где хотите, это вы уже должны сами уметь делать.

[Виталий Першин]

zveronol,

[zveronol]

Виталий, точно. не подумал, признаю
извините еще раз
спасибо Вам