Skip to content

Instantly share code, notes, and snippets.

@tklee1975

tklee1975/simple-tailwind-demo.html

Created September 24, 2021 02:16
Show Gist options
  • Save tklee1975/8e5fefa192f0ea0d97200cf2f5e50ce1 to your computer and use it in GitHub Desktop.
Save tklee1975/8e5fefa192f0ea0d97200cf2f5e50ce1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
simple-tailwind-demo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tailwind Demo</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="text-center">
<h1>Tailwind Demo</h1>
<hr class="py-4">
<div class="flex justify-center">
<div class='w-60 flex flex-col border pb-4'>
<img src="https://images.pexels.com/photos/1104370/pexels-photo-1104370.jpeg?cs=srgb&dl=pexels-lisa-1104370.jpg&fm=jpg">
<div class="py-2 text-lg">Beautiful Flowers</div>
<div class="py-2">
<span class="bg-purple-600 text-xs text-white rounded p-3 font-semibold">View Details</span>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment