Testimonial slider using React | SCSS

Solution retrospective
I got to use new accessibility techniques such as role
and aria-roledescriptions
and it's nice to play with animations sometime :)
My html structure at first was not a good one for making a carousel, I got help from community and read guides on making a good accessible carousel slider. w3 was a good source: Carousel guide
I used absolute
positioning for buttons but got recommended to switch for grid
layout and I went for that.
My grid works alright but not sure of how effective I have used rows to move buttons for different screen size. For some reason on desktop preview using mobile the buttons get a little displaced I can't figure out why, otherwise it works alright for normal preview.
I could get a little help on buttons focus state it seems the overflow:hidden
is hiding the outline too.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Mazen Hassan's 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