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.

Add Comment
0 Answer(s)

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.