使用HTML与Bulma开发网站：页面底部小空白问题求助及解决

我在使用HTML和Bulma框架开发网站时，发现页面底部存在一块小空白区域。尝试为columns、div和aside元素设置100vh属性，同时给body标签添加padding:0和margin:0样式，但问题仍未解决，恳请帮助。

代码片段 #

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.2/css/bulma.min.css" rel="stylesheet" />

<div class="columns">
  <aside class="menu has-background-primary is-fullheight">
    <p class="menu-label has-text-white is-size-1 ">LOGO</p>
    <ul class="menu-list">
      <li>
        <p class="menu-item has-background-primary mb-6 "><i class="fa-regular fa-circle-user fa-4x icon is-large mr-4 has-text-white"></i><span class="text has-text-white is-size-1">Amiel</span></p>
      </li>
      <li><a href="./adminDash.php" class="menu-item has-background-primary mt-6"><i class="fa-solid fa-chart-line fa-2x icon is-large mr-4 has-text-white"></i><span class="text has-text-white is-size-4">Dashboard</span></a></li>
      <li><a href="./adminStudents.php" class="menu-item has-background-primary mt-6"><i class="fa-solid fa-graduation-cap fa-2x icon is-large mr-4 has-text-white"></i><span class="text has-text-white is-size-4">Students</span></a></li>
      <li><a href="./adminTeachers.php" class="menu-item has-background-primary mt-6"><i class="fa-solid fa-chalkboard-user fa-2x icon is-large mr-4 has-text-white"></i><span class="text has-text-white is-size-4">Teachers</span></a></li>
      <li><a href="#" class="menu-item has-background-primary mt-6"><i class="fa-solid fa-arrow-right-from-bracket fa-2x icon is-large mr-4 has-text-white"></i><span class="text has-text-white is-size-4">Logout</span></a></li>
    </ul>
  </aside>
</div>

问题解决 #

已解决：感谢@Paulie_D，通过为.columns设置margin-top:0样式，成功消除了页面底部的空白区域。

内容的提问来源于stack exchange，提问作者legoland