max-height, max-width는 요소의 최대 너비와 높이를 지정한다.
min-height, min-width는 요소의 최소 너비와 높이를 지정한다.
즉, 요소의 height 값이 min-height 값 보다 작아지는 것을 방지하는 것이다.
min-height는 100vh로 설정하면, 요소의 너비가 100vh 이하로 작아지지 않는다.
아래와 같이 사용할 수 있다.
.app-background {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}