Уменьшить размер шрифта при просмотре на маленьких экранах с Tailwindcss

Question

Я хочу, чтобы базовый размер шрифта был равен 1рем, а когда пользовательские просмотры на мобильном телефоне (менее 640 пикселей) меняют его на 0,75 мм (класс TW. text-sm)

Я думал, что это будет работать так но похоже, что он производит противоположный эффект:

<p class="text-base sm:text-xs">Some paragraph text</p>

Пример Codepen здесь

Answer 1

Разобрался. Так как TW мобильный сначала, я должен был определить свой базовый размер, а затем нацелиться на остальные:

<p class="text-xs sm:text-base">Some paragraph text</p>