fixed UI icons for small device

[IshuSinghSE]

This PR Closes: #49 issue

• Added menu for easily navigate to the pages

Please let me know for any changes required.

[github-actions]

🎉 Thank you @IshuSinghSE for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

[Vinay-Khanagavi]

@IshuSinghSE Can you share the screenshot in discussion #16

[B1N4RY-P4R45173]

@IshuSinghSE thanks for this pr. It looks great. But I think a few things could be improved.

firstly, Clicking second time on the toggle icon can set display to set the display of icon container to none, so that users doesn't have to click somewhere on the screen

Secondly, for devices with large display we don't need the display toggle

Lastly, for smaller display make sure that the levels and their description is displayed in correct order

[B1N4RY-P4R45173]

@Vinay-Khanagavi Here you go

[B1N4RY-P4R45173]

Also @IshuSinghSE

Align the contents to center so that the icons wont cover the contents

[IshuSinghSE]

Also @IshuSinghSE

Align the contents to center so that the icons wont cover the contents

I will surely do the required adjustments!
Thanks for the feedback,

[Vinay-Khanagavi]

@IshuSinghSE Make sure project has no conflicts

[Vinay-Khanagavi]

Please resolve conflicts

[B1N4RY-P4R45173]

are you still working on this @IshuSinghSE ?

[IshuSinghSE]

are you still working on this @IshuSinghSE ?

I was stuck, because I am unable to see Resolve conflicts here, but there are conflicts

Now I have resolved all conflicts!

[IshuSinghSE]

Now I have fixed the elemetns of homepage.

[B1N4RY-P4R45173]

@IshuSinghSE I will check it tmrw. And yeah most of the times to resolve conflicts u have to rebase it. I hope u figured it by now, sry for the late response.

[IshuSinghSE]

@IshuSinghSE I will check it tmrw. And yeah most of the times to resolve conflicts u have to rebase it. I hope u figured it by now, sry for the late response.

No Problem 😁,

• I have resolved all the conflicts
• I have made the necessary changes for large and small devices

please review and merge the PR!

[B1N4RY-P4R45173]

@IshuSinghSE

That's some nice improvement but I think the UI could be more better.

starting with above screenshot, the heading (Level1 and play button) should be above the content (abt phishing attacks)

Here you can again set the headings and play button to the center for level 2 and 3.

Follow the order of

• heading (level number and play button)
• then the content (what is about)
• and then the video

follow the same order for same order