Tailwind Crash Course - Project Based Learning

Text Transform

  • .uppercase
  • .lowercase
  • .capitalize
  • .normal-case

You may not know this, but css alone, can do upper case, lower case and even can do capitalize. And this is all without the need of javascript or php or node or anything like that. 

Let’s try using .uppercase.  

<p class=“italic tracking-tight uppercase”>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit orci ac nisl varius varius. 
              <span class=“font-black underline”>Nullam auctor finibus pulvinar.</span> 
            Morbi porttitor placerat enim nec consequat.
</p>
Here is the result.