P粉9030525562023-08-21 00:57:09
從 .info-footer
樣式移除 align-items: center;
。
align-items
的作用是:
選擇 center
表示將元素放置在 flex
容器的中心,並圍繞此中心進行佈局。換句話說,你的 footer-info
和 footer-menu
與 flex 容器的中心對齊,而不是起始位置。
.info-footer { background-color: rgba(33, 40, 59, 0.8); color: #fff; border: 1px solid rgb(53, 56, 72); width: 100%; height: 14em; display: flex; justify-content: center; gap: 200px; padding: 20px 10px; }
<div class="info-footer"> <div class="info-footer-info"> <h3>Menu 1</h3> <ul> <li><a href="#">O nas</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Regulamin</a></li> <li><a href="#">Polityka Prywatności</a></li> </ul> </div> <div class="info-footer-menu"> <h3>Menu 2</h3> <ul> <li><a href="#">Kontakt</a></li> </ul> </div> </div>