In the past, I successfully added 3 vertical dots to a slideshow by using absolute positioning and moving them into place. Then, I used JavaScript to cycle through the active class during the animation. However, when resizing down to smaller screen resolutions, the dots would shrink inside of each other causing an issue.
I am wondering if there is a more efficient way to achieve this, preferably using just CSS3 but open to incorporating JavaScript as well. Currently, my slideshow can be viewed on my Github page.
I am currently experimenting with adding the dots using a UL/LI setup, although I am unsure if it will behave differently than the previous method. Any suggestions or input from anyone who has experience in this area would be greatly appreciated.
My preference at the moment is to accomplish this task using Vanilla CSS/JS.