Testimonials slider (Mobile first workflow|Tailwind-CSS|Vanilla JS)

Solution retrospective
Hi Frontend Mentor community!
This is my solution for the Coding bootcamp testimonials slider challenge.
I really struggled with the control icons as they should be positioned relative to the img but I ended up putting them on top of the testimonial slider. If there is a way to position them as they should be, please let me know. 😊
Any feedback is greatly appreciated! Thanks!🎉
Please log in to post a comment
Log in with GitHubCommunity feedback
- @SrHatcher
Hello!
I wanted to say that your fading animation is very cool! I wanted to do that for mine but I didn't know how to do it until I saw your code.
Talking about your control buttons, I would recommend you to take a look at my code to understand much better how I did it, but in short: I used a div container for the person img and my buttons container, so that I can use it to control the img size and use position: relative to positionate my buttons container with position: absolute. I'm using two buttons for each testimonial and using my JS to make them work together and not break the display.
nice solution! :)
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord