Pregunta sobre este contenedor grid,

[finite flame]

Sigo viendo las tres columnas de grid aún cuando el viewport es menor a 1200px, puedo resolver el problema transformando el grid en un contenedor flex pero aún así quisiera saber cual es la razón del problema. Muchas gracias!

[buoyant iris]

hay que inspeccionar y ver porqué no se aplica ese estilo

[finite flame]

justo eso estoy haciendo, he investigado el codigo html y no veo nada raro alli

const Footer = () => {
  return (
    <footer className={styles.footer}>
      <a href="#root" className={styles.back__to__top}>
        <i className="fa fa-circle-chevron-up" aria-hidden="true"></i>
      </a>
      <div className={styles.footer__container}>
        <div className={styles.contact__info}>
          <Logo type={'small'} />
          <ul className={styles.contact__list}>
            <li>
              <i className="fa fa-map-marker-alt" aria-hidden="true"></i>
              <p>
                340 Midpark Way SE - Suite 140 <span>Calgary, AB, T2X 1P1</span>
              </p>
            </li>
            <li>
              <i className="fa fa-envelope" aria-hidden="true"></i>
              <p>[e-mail]</p>
            </li>
            <li>
              <i className="fa fa-phone-alt" aria-hidden="true"></i>
              <p>[phone]</p>
            </li>
            <li>
              <i className="fa fa-fax" aria-hidden="true"></i>
              <p>[phone]</p>
            </li>
          </ul>
          <SocialIcons />
        </div>

        <div className={styles.page__links}>
          <p>Links</p>
          <ul>
            <li>
              <a href="/about">About</a>
            </li>
            <li>
              <a href="/Services">Services</a>
            </li>
          </ul>
        </div>

        <div className={styles.hours}>
          <p>Operating Hours</p>
          <ul>
            <li>
              Monday:<span>8:00 am - 7:00 pm</span>
            </li>
            <li>
              Tuesday:<span>8:00 am - 5:00 pm</span>
            </li>
          </ul>
        </div>
      </div>
    </footer>
  );
};