• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Jak przykleić teks do diva?

Object Storage Arubacloud
0 głosów
169 wizyt
pytanie zadane 29 marca 2023 w HTML i CSS przez metek19a Nowicjusz (220 p.)
zamknięte 30 marca 2023 przez metek19a

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>

 

komentarz zamknięcia: mam juz odpowiedź

Podobne pytania

0 głosów
1 odpowiedź 119 wizyt
0 głosów
2 odpowiedzi 348 wizyt
0 głosów
1 odpowiedź 543 wizyt

92,662 zapytań

141,557 odpowiedzi

320,002 komentarzy

62,029 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...