[Bug]: footer is not responsive for low screen sizes

[tusharpatil03]

description:
footer of web page at https://nightwatchjs.org/ is not responsive for smaller screen sizes (particularly less than 768px)

step to reproduce:

1. visit https://nightwatchjs.org/
2. scroll down to footer of web page
3. resize the browser window to lower than 768px or open web page on mobile or tablet

observations:

1. nav tags list collide or get more smaller instead of forming 2x2 grid

3. social tags dive aligned horizontally

Suggested fix:

1. nav list should be aligned 2x2 by forming a grid
2. social div should be aligned vertically

[kishorprajapati1212]

Fix: Adjusted footer layout for better responsiveness

• Ensured .footer__wrapper-inner-menu > ul wraps properly on smaller screens.
• Centered .footer__wrapper-inner-social elements for better alignment.
• Updated .footer__wrapper-inner-social-logo to span full width and align content properly.
• Improved spacing and display properties to fix unexpected gaps.

Updated file: public/css/style.css

@media (max-width: 1024px) {
  .footer__wrapper-inner-menu>ul {
    display: `flex;`
    flex-wrap: wrap;
    gap: 20px;
  }

  .footer__wrapper-inner-social {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__wrapper-inner-social-links {
    align-items: center;
  }

  .footer__wrapper-inner-social-logo {
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__wrapper-inner-social-logo svg {
    max-width: 270px;
  }
}

this is screenshot in different size of screen.