Tailwind Crash Course - Project Based Learning
The Button Challenge
Here is the challenge for you. It's easy 😀
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!-- blue background, rounded, thick left border -->
<div><button class="">Submit</button></div>
<!-- Red text, outlined -->
<div><button class="">Cancel</button></div>
<!-- light Indigo background, bottom border, indigo text -->
<div><button class="">Save</button></div>
<!-- Thick rounded, lots of padding, large button -->
<div><button class="">Buy Now</button></div>
<!-- Outlined, serif font, uppercase, rounded -->
<div><button class="">Send Postcard</button></div>
</body>
</html>
Output should be 👇