Fix alignment in leaderboard (responsively)

[paramsiddharth]

Fix alignment in leaderboard (responsively)

Resolves #77: Fix alignment on participants

Modifications

• style.css modified to fix width of each column in the table.
• The positions are aligned to the right within the first column.
• The names start from the same distance from the left in each row.
• The scores are aligned to the right.
• The final version is made responsive using @media queries.

Comparison

• Previous format:

  Desktop	Mobile

• New format:

  Desktop	Mobile

Additional Information

After the update in #79, the result would be as follows:

Desktop	Mobile

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nwoc/nwoc-website-alpha-deployment/f7nzr3j5q
✅ Preview: https://nwoc-website-a-git-fork-paramsiddharth-alignm-c496d5.nwoc.vercel.app

[s-ayush2903]

@paramsiddharth We don't want the positions and scores to be constrained to the extreme right, they(including handles) should be in proper centred alignment with their column titles

[s-ayush2903]

@paramsiddharth Are you able to work on this PR further?

[paramsiddharth]

@paramsiddharth Are you able to work on this PR further?

@s-ayush2903 Yes, I'll finish it soon.

[ashwaniYDV]

hi @paramsiddharth
Is this PR ready to be merged?

[paramsiddharth]

hi @paramsiddharth
Is this PR ready to be merged?

No, @ashwaniYDV . I am not working on it at the moment.