Yeniçocuk
Kilopat
- Katılım
- 30 Kasım 2018
- Mesajlar
- 5.554
- Makaleler
- 2
- Çözümler
- 13
Merhaba. Tailwind CSS ile Flex column özelliği olan Flex-col çalışmıyor. Tayfun erbilen tailwind. CSS dersindeki gibi yazdım. Bütün classlar çalışıyor ama Flex-col çalışmıyor. Nasıl çözebilirim? Main içindeki Flex-Auto özelliği de çalışmıyor. İlk 21 dakikadaki kodlar doğru ama.
Kod:
<body class="bg-white h-full flex flex-col">
<header class="h-15 border-b border-gray-100 w-full flex justify-between items-center px-5">
<a href="#" class="text-2xl font-medium inline-flex items-center text-prototurk">./prototurk
<span class="text-sm text-gray-400 ml-2 ">v2.5.0</span>
</a>
<form action="" class="w-1/3">
<input type="text" placeholder="Makalelerde Ara" class="w-full bg-gray-100 h10 px-3 placeholder:bg-gray-600 rounded">
</form>
<a href="#" class="bg-prototurk text-white h-10 inline-flex items-center px-5 rounded">Giriş Yap</a>
</header>
<main class="flex-auto">
<aside class="w-64 border-r p-3 border-gray-100">
</aside>
<section class="flex-auto py-6 px-10">
<h2>Kendine Değer Kat</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque corrupti voluptas quas nesciunt ducimus natus!</p>
</section>
</main>
Son düzenleme: