---

구현 화면

복잡하지 않기 때문에 금방 마무리 했다!

---

코드

HTML

    <footer class="footer">
      <div class="footer__icons">
        <div class="footer__icon">
          <i class="fab fa-google fa-3x"></i>
        </div>
        <div class="footer__icon">
          <i class="fab fa-twitter fa-3x"></i>
        </div>
        <div class="footer__icon footer__icon-last">
          <i class="fab fa-instagram-square fa-3x"></i>
        </div>
      </div>  

      <div class="footer__text">
        <p>@Apeachicetea</p>
      </div>
    </footer>

CSS

.footer {
  margin-top: 50px;
}

.footer__icons{
  display: flex;
  justify-content: center;
  margin-right: 30px;
}

.footer__icon {
  margin-right: 30px;
}

.footer__icon-last {
  margin-right: 0;
}

.footer__text {
  text-align: center;
}

---

보충해야 할 부분

1. 아이콘 배경, 가운데 정렬하는 법 공부 더하기!