Fixed the footer of the website

[mohit-bhandari45]

Fixes #119

Description:-
Fixed the overall ui structure of the footer with proper backgrounds and much more

How Has This Been Tested?
I have tested the code by running it multiple times

Screenshots (if appropriate):
Before:-

After:-

What types of changes does your code introduce?

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.

[adityaraute]

I feel you are changing the footer too much.
Let's just add circular background to the icons and discard the other changes. Can we do that?

Issues:

Font size too big

Mobile view messed up due to the same

[mohit-bhandari45]

Is it good now?

[adityaraute]

Is it good now?

This looks better. Can you also post a screenshot of the mobile view?

[mohit-bhandari45]

[adityaraute]

This is how it looks right now

The text is center aligned and I prefer it this way. Maybe you could replicate this and only change icons background and move text size back to normal.

[mohit-bhandari45]

is it good now??

[adityaraute]

Yes this looks good @mohit-bhandari45

[mohit-bhandari45]

Done changes you can check

[adityaraute]

Now the desktop view is messed up

The text on the left is misaligned.

Also, I'm seeing too many unnecessary changes in files regarding formatting and linting. You should try to revert those unnecessary changes, too.

A footer change shouldn't take so many line changes.

[mohit-bhandari45]

I have done the changes you can check

[adityaraute]

is it good now??

1. The text in mobile view doesn't break into a newline at the required point, as can be seen in your previous messages.

2. The icon is very close to the border.

Let me know if you're able to solve issue 1 without affecting the desktop view.
Issue 2 needs to be solved.

[mohit-bhandari45]

I cannot do it

[adityaraute]

I cannot do it

Okay 1 cannot be solved.
Can 2 be solved? As in, can the icon be moved away from the left border?