mx-auto -> margin-left:auto,margin-right:auto
container -> 웹의 크기에 따라 유동적으로 너비가 조절됨
fixed, absolute... -> position:fixed; 등등
inset-0 -> top, left, right, bottom : 0;
flex, block... -> display:flex; 등등
hidden -> display: none;
opacity-100 -> opacity: 1;
opacity-0 -> opacity: 0;
visible -> visibility: visible;
invisible -> visibility: hidden;
bg-white -> background-color: white;
bg-(색)-50,100,200 -> 진하기
items-center -> align-items: center;
justify-center -> justify-content: center;
flex-col -> flex-direction: column;
flex-grow -> flex-grow: 1;
flex-grow-0 -> flex-grow: 0;(shirink도 동일)
max-h-full -> max-height: 100%;
cursor-pointer -> cursor: pointer;
🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳