[깨달음] Tailwind는 모바일부터 시작해야 하더라

Tailwind CSS

• 모바일 우선(Mobile First) 접근 방식을 따름
• 기본 스타일을 모바일 화면 기준으로 먼저 작성하고, 화면 크기가 커질수록(sm, md, lg, xl, 2xl) 점진적으로 스타일을 덮어씌우는 방식

반응형 웹을 만들 때는

1. 모바일 화며 기준으로 기본 스타일을 먼저 설정하고,
2. 이후 해상도별로 다른 스타일을 추가해 나가는 방식으로 개발하게 됨

<p class="text-blue-500 md:text-red-500">Hello Tailwind</p>

• 예를 들어, 모바일에서는 파란색 텍스트이고, md 사이즈에서는 빨간색으로 바뀜