scrimba
Tailwind
The Buttons Challenge
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

The Buttons Challenge
AboutCommentsNotes
The Buttons Challenge
Expand for more info
index.html
run
preview
console
<html>
<head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</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>
Console
/index.html
-6:37