CSS-only Carousel 80% navigation control bug
Source code is on codepen: https://codepen.io/devmahix/pen/dyGeKQz
.carousel__slide { position: relative; flex: 0 0 80%; width: 100%; background-color: #f99; counter-increment: item; margin-right: 10px; }
When I changed from flex: 0 0 100%; to flex: 0 0 80%; my controls stop working. It stretches to 80% of the container. Is there a way to refactor this so it works with 80% without any java script?
Thanks in advance.