Responsive UI for the 'Training' Page in Mobile View

[PR4NJ41]

What is happening?

Currently the UI is not Optimized for mobile view & looks cluttered as shown in the following Picture.

To Reproduce

1. Go to Training Page
2. Use Inspection Mode and Select any Mobile device. I Used iPhone XR for this Purpose

Expected behavior

This is the UI i am proposing. It looks much better & less cluttered.

[PR4NJ41]

This Also improves issues in other pages like this one in mobile view.

Before:

After:

[PR4NJ41]

@ragesoss If it looks ok can i make a PR? Thank You

[ragesoss]

@PR4NJ41 yes, please do

[PR4NJ41]

@ragesoss I have raised a PR please review it.

[akashwarrior]

can i fix this issue, or anyone is assigned to fix this issue?

[PR4NJ41]

@akashwarrior this issue is already fixed and a PR is Open related to this.