tailwindcss 에서 크기 순서 !!

Updated on

와.. 바보같이 맨날 까먹는다… 백엔드했다 프론트했다 CSS했다..
죽을 맛..
tailwindcss에 물어봤다.

“text-sm sm:text-base”
Default is mobile, prefixes mean “this size and above”

번역하자면,
기본은 모바일이며 접두사는 ‘이 크기 이상’을 의미합니다.

라고 한다..
모든 기본은 모바일이다. 입력하는 모든 것들은 모바일 기준으로 잡히므로,
그 이상의 것들을 입력해줘야한다..

부트스트랩에서는 특정한 기준점을 잡았던거같은데…
tailwindcss는 다르다. 무조건 그냥 아무것도 없이 작성하면 무조건 모바일에서 잡히고, md하면 md 이상에서 적용된다.

맨날 까먹으니 그냥 적어봄..