Jak przykleić teks do diva?

Question

Hey!

Mam taki problem, zrobiłem stopkę i użyłem diva do umieszczenia elementów.

Ale problem polega na tym że tekst przy powiększeniu strony na siebie nachodzi.

Na co powinienem zwrócić uwagę oraz co zrobić żeby tekst był przyklejony i responsywny?

Mam pewien pomysł żeby podzielić footer na 3 divy (ale nie wiem co dalej wykombinować)  tak czy tak tekst na siebie nachodzi i wypada z diva...

 

Dziękuję za pomoc!!!

 

Link do strony : Festival Site (patrykr124.github.io)

/* footer */



footer.footer-section{
    display: block;
    width: 100vw;
    height: 100vh;
}




.section-container-up{
    background-color: rgb(184, 138, 0);
    display: block;
    padding: 15px;
    
}

.section-container-left-icon{
    margin-left: 12%;
    
}

i{
    font-size: 30px;
    padding: 20px;
    display: flex;
    margin-right: 20px;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    
}

i:hover{
    color: red;
    font-size: 32px;
}


ul li {
    padding: 20px;
    padding-left: 0;
    display: block;
    font-size: 18px;
}

.footer-col{
    width: 25%;
    padding: 50px 15px;
    display: block;
    

}


.footer-col h1{
    color: rgb(255, 0, 0);
    font-size: 35px;
    margin-bottom: 40px;
}

<footer class="footer-section">
      <div class="section-container-up">
        <div class="section-container-left-icon">
        <i class="fa-brands fa-instagram"></i>
        <i class="fa-brands fa-facebook"></i>
        </div>
      </div>
      <div class="footer-container-down">
        <div class="row">
          <div class="footer-col">
            <h1>Info</h1>
            <ul>
              <li><a href="#">Regulamin</a></li>
              <li><a href="#">Polityka prywatności</a></li>
              <li><a href="#">FAQ</a></li>
              </ul>
          </div>
          <div class="footer-col">
            <h1>Contact</h1>
            <ul>
              <li><a href="#">festival@gmail.com</a></li>
            </ul>
          </div>
          <div class="footer-col">
            <h1>Miejsce</h1>
            <ul>
              <li><a href="#">Gdynia, świętojańska 4</a></li>
            </ul>
          </div>
        </div>
      </div>
    </footer>