Core Code
Core Code Modern Dev Handbook

Simple Grid Layout

Create a responsive grid using Tailwind grid utilities.

Preview

Code

<div class="grid grid-cols-3 gap-4">
<div class="bg-blue-500 text-white p-4">1</div>
<div class="bg-blue-500 text-white p-4">2</div>
<div class="bg-blue-500 text-white p-4">3</div>
</div>

More What is Tailwind CSS? Examples (9)

example Basic Text Styling open example example Utility Styled Button open example example Simple Card Layout open example example Center Content with Flex open example example Spacing Utilities Example open example example Color Utilities Example open example example Responsive Utility Example open example example Hover Effects open example example Utility First Demo open example