после того, как элемент определенного ряда дает дополнительное нежелательное пространство в нижнем колонтитуле.хочу удалить это

Question

Я создал строку в нижнем колонтитуле, и она дает мне дополнительное нежелательное пространство того же цвета, что и нижний колонтитул, для проверки, он показывает элемент after, автоматически созданный после создания строки.

Когда я пытаюсь удалить его по краюверх: -12rem;это удалено, но все ряды нарушены.Но он не дает ответа на конкретный идентификатор или класс.

.page-footer {
  /* position: relative; */
  width: 100%;
  background-color: black!important;
  text-align: center;
  min-width: 640px;
}

#frow {
  min-width: 640px;
  margin-top: -15rem!important;
  text-align: center;
}

<div class="page-footer ">
  <div class=" row " style="margin-top: -13rem;" id="frow">
    <div class="col l4 s12 m4">
      <h5>About CLub</h5>
      <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
        <li><a href="#">Link 4</a></li>
      </ul>
    </div>
    <div class="col l4 s12 m4">
      <h5>Memberships</h5>
      <ul>
        <li><a href="#"> Join</a></li>
        <li><a href="#"> Renew</a></li>
        <li><a href="#"> Benifits</a></li>
        <li><a href="#"> IEEE Collaboration</a></li>
      </ul>
    </div>
    <div class="col l4 s12 m4">

      <h5>Grow With Us</h5>
      <ul>
        <li><a href="#">Careers</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">get involved</a></li>
      </ul>
    </div>
  </div>
  <div style="color: white;text-align: center; ">
    <p>We'll your encourage ideas and shape your future </p>
  </div>
  <div style="color: white;text-align: center; ">
    <a href="www.facebook.com" class="social-icon"><i class="fab fa-facebook">&nbsp;</i></a>
    <a href="www.instagram.com" class="social-icon"><i class="fab fa-instagram">&nbsp;</i></a>
    <a href="www.twitter.com" class="social-icon"><i class="fab fa-twitter">&nbsp;</i></a>
  </div>
</div>

Answer 1

Попробуйте удалить div и попробуйте использовать section в качестве вашего тега. Так что класс будет заключен в тег section в. Это может быть полезно вместо div или лучше использовать тег параграфа, это будет гораздо более полезным длявы.