This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="px-4 py-4 mb-3 font-normal bg-gray-300"> | |
<div class="flex flex-col justify-between md:flex-row"> | |
<h3 class="mb-2 text-2xl font-semibold leading-snug"> | |
Use TailwindCSS with Gatsby (with Emotion or styled-components) | |
</h3> | |
<div class="flex items-center mb-2 space-x-2"> | |
<p class="px-2 text-gray-200 bg-blue-600 rounded">#gatsby</p> | |
<p class="px-2 text-gray-800 bg-teal-400 rounded">#tailwindcss</p> | |
<p class="px-2 text-gray-200 bg-purple-600 rounded">#css</p> | |
</div> | |
</div> | |
<p class="text-gray-700"> | |
Learn how to use TailwindCSS with Gatsby along with Emotion or | |
styled-components perfectly. | |
</p> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment