Semantically and for accessibility, this method makes the most sense. Unless you add a bunch of ARIA attributes to yours, this wouldn't make much sense to someone who's visually impaired. I like your design, though. You should work on making it a bit more obvious that it's a timeline in mobile, though.
Oh, right! I completely forgot about accessibility. I'll try to focus on that from now on. Thanks for pointing out!
Regarding the layouts on mobile:
I could have done it by positioning the .timeline-middle absolutely and adding a few transforms to make it center, but it will add to more bugs. But anyways, I'll try to update the article with this version when I'm free.
Thanks for pointing out.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Semantically and for accessibility, this method makes the most sense. Unless you add a bunch of ARIA attributes to yours, this wouldn't make much sense to someone who's visually impaired. I like your design, though. You should work on making it a bit more obvious that it's a timeline in mobile, though.
Oh, right! I completely forgot about accessibility. I'll try to focus on that from now on. Thanks for pointing out!
Regarding the layouts on mobile:
I could have done it by positioning the
.timeline-middle
absolutely and adding a few transforms to make it center, but it will add to more bugs. But anyways, I'll try to update the article with this version when I'm free.Thanks for pointing out.