curriculum/challenges/english/blocks/workshop-tailwind-cta-component/6855255d96c1441bd919dc5d.md
Moving to the span element with the text Soundflow, the text in it needs to be in uppercase.
Here's an example showing how to use the uppercase utility class:
<p class="uppercase">Quincy Larson</p>
Add the class uppercase to the span element.
Your span element should have the utility class uppercase.
const spanEl = document.querySelector("span");
assert.isTrue(spanEl.classList.contains("uppercase"));
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CTA component</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="bg-indigo-600 text-white mt-8 p-4 md:w-1/2 mx-auto flex flex-col lg:flex-row justify-around items-center rounded-md">
<div>
--fcc-editable-region--
<span>Soundflow</span>
--fcc-editable-region--
<h1>Discover New Music</h1>
<p>Stream your favorite tracks and discover new artists.</p>
</div>
<div>
<a href="#">Learn more</a>
<a href="#">Start listening</a>
</div>
</div>
</body>
</html>