Day 14

Styling with Tailwind

18 min

CSS & Tailwind 15 Days

Tailwind me layout aur responsiveness bohot asaan hai.

Flexbox & Grid in Tailwind

Tailwind classes sidhe mapped hain CSS properties se.

html

<div class="flex justify-center items-center gap-4">
  <div>Item 1</div>
  <div>Item 2</div>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
  <div>Col</div>
</div>

🎯 Practice Challenge

Tailwind ki grid-cols-* aur md: prefixes use karke ek responsive layout banayein.

Intro to Tailwind CSSProject: Tailwind Landing Page