[OTHER] Center when only one milestone (on large screen)

[EmmaDawsonDev]

What would you like to share?

If someone includes only one milestone on larger screens eg desktops it's positioned to the right which looks slightly odd (IMO). I suggest we add a check to see how many milestones there are and if there's only one then the milestone should be centered, more than one the styling can remain as it is currently.

Additional information

No response

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[developer-diganta]

@emmalearnscode Hello! Would this look OK?

[EmmaDawsonDev]

Maybe keep it the same width as the buttons? But otherwise, yes, that's what I was thinking.

[developer-diganta]

This one is for large screen sizes. But if the screen gets smaller, the width decrease (until Timeline corrects itself). I tried using w-70 class but it does not seem to work. (A bit smaller screen) (For XS and mobile screens)

[Vyvy-vi]

Hey @developer-diganta! Since you tweaked around with this for a bit, I assigned this issue to you (if you'd like to work on this?)

[developer-diganta]

@Vyvy-vi Yeah sure!

[developer-diganta]

@emmalearnscode @Vyvy-vi Shall I open a PR for this?

[EmmaDawsonDev]

Hi @developer-diganta did you get this done or shall I unassign you so that someone else can take over?

[Yoshemith]

Hi @emmalearnscode, Is this issue still active? Can I work on this one?

[vaib1343]

Hi @EmmaDawsonDev can raise PR for this issue?