Day 15

Project: Tailwind Landing Page

30 min

CSS & Tailwind 15 Days

Aaj humari CSS aur Tailwind ki journey complete hoti hai. Aaj hum ek full project banayenge.

Landing Page Structure

Navbar, Hero Section, Features aur Footer ko tailwind se style karein.

html

<section class="bg-gray-900 text-white h-screen flex items-center justify-center">
  <div class="text-center space-y-4">
    <h1 class="text-5xl font-bold">Welcome to CodingSkillUp</h1>
    <p class="text-gray-400">Master Tailwind CSS in minutes.</p>
    <button class="bg-indigo-500 px-6 py-3 rounded-full hover:bg-indigo-600 transition">
      Start Learning
    </button>
  </div>
</section>

🎯 Practice Challenge

Bina kisi aur CSS file ke, sirf Tailwind use karke ek khoobsurat page deploy karein.

Styling with Tailwind