DEV Community

Discussion on: Making a simple CSS timeline for beginners!

Collapse
 
dinsmoredesign profile image
Derek D • Edited

Using an Unordered List (Seriously?)

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.

Collapse
 
divyeshkamalanaban profile image
Divyesh Kamalanaban

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.