Describe the bug
The website footer is not fully responsive on mobile devices. Elements are misaligned or cramped when viewed on smaller screens, which affects usability and design consistency. This issue is particularly noticeable when scrolling to the footer section on smartphones or tablets.

To Reproduce
Steps to reproduce the behavior:
1.Go to the website on a mobile device.
2. Scroll down to the footer section.
3. Observe the layout and alignment issues.

Screenshots before

i want to work on this issue
please assign this task under hactoberfest