Skip to content

Instantly share code, notes, and snippets.

@aeadedoyin

aeadedoyin/NigeriaFlag.html

Created August 12, 2019 18:25
Show Gist options
  • Save aeadedoyin/509abb1b00e63b4ab04c224bc1c21974 to your computer and use it in GitHub Desktop.
Save aeadedoyin/509abb1b00e63b4ab04c224bc1c21974 to your computer and use it in GitHub Desktop.
Download ZIP
With Tailwind by AEAdedoyin
Raw
NigeriaFlag.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>With Tailwind by AEAdedoyin</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="w-1/3 block mx-auto flex flex-col justify-center h-screen">
<div>
<div class="flex justify-center py-4"><div class="text-2xl">Created with <span class="font-semibold italic">Tailwind CSS</span></div></div>
<div class="flex justify-around h-64">
<div class="w-full bg-green-600 cursor-pointer rounded-l-lg"></div>
<div class="w-full bg-gray-100 cursor-pointer"></div>
<div class="w-full bg-green-600 cursor-pointer rounded-r-lg"></div>
</div>
<div class="flex p-2"><pre class="ml-auto">by <a href="//twitter.com/aeadedoyin" target="_blank">@aeadedoyin</a></pre></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment