CodePen Embed - Tailwind group prefix

<div class='container mx-auto flex h-screen justify-center items-center'>
  <div class='group text-xl'>
    <strong class='group-hover:text-red-500'>Hover on me </strong>
    <strong class='group-hover:text-green-500'>the texts will be </strong>
    <strong class='group-hover:text-blue-500'>of different colors</strong>
  </div>
</div>

<script src="https://cdn.tailwindcss.com"></script>

This Pen is owned by DevGirl on CodePen.

See more by @Zsena on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.