[tailwindcss] 사용자가 정의한 값으로 스타일을 지정하려면

옵션-[사용자 지정 값 ]

아래와 같이 [  ] 대괄호 사이에 사용자가 지정하고자 하는 값을 직접 명시하면 된다. 아래 예시에 따르면 height 가 80vh 로 지정된다.

 

    <main className='h-[80vh]'>{children}</main>

 

참고

https://stackoverflow.com/questions/68725366/in-tailwind-how-to-set-height-of-a-div-to-80-of-the-screen