Text 하단 고정

Text Element를 하단에 고정 시킬 때 아래와 같이 처리했다.
width 100%로 설정하고 text-align 을 먹여야 한다.

.footer {
  position: fixed;
  top: 95%;
  width: 100%;
  text-align: center;
  font-weight: var(--weight-bold);
  color: var(--color-white);
}

 

너무 기초적인 것인데 실수할 때가 있다. 정확히 익혀두자.