Design comparison
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.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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