Skip to content

Instantly share code, notes, and snippets.

@hsuan1117

hsuan1117/flex.html

Created July 17, 2023 08:18
Show Gist options
  • Save hsuan1117/aa674cd21966245357a9ac56994185ad to your computer and use it in GitHub Desktop.
Save hsuan1117/aa674cd21966245357a9ac56994185ad to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flex.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="flex flex-col gap-2 p-2">
<div class="flex justify-between">
<div class="block w-16 h-16 bg-green-400"></div>
<div class="block w-16 h-16 bg-green-400"></div>
<div class="block w-16 h-16 bg-green-400"></div>
<div class="block w-16 h-16 bg-green-400"></div>
</div>
<div class="flex justify-around">
<div class="block w-16 h-16 bg-blue-400"></div>
<div class="block w-16 h-16 bg-blue-400"></div>
<div class="block w-16 h-16 bg-blue-400"></div>
<div class="block w-16 h-16 bg-blue-400"></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment