Gen-X Templates HTML Tailwind CSS

Gen-X merupakan Template HTML yang dibangun menggunakan Tailwind CSS. Versi ini menawarkan pendekatan yang lebih "utility-first", di mana sebagian besar styling dilakukan langsung di HTML menggunakan kelas-kelas dari Tailwind. Ini membuat kode HTML terlihat lebih deskriptif dan proses development menjadi lebih cepat.

Perbedaan Utama dengan Versi Vanilla CSS:

• No Custom CSS: Hampir tidak ada CSS kustom di dalam tag <style>. Semua styling menggunakan kelas Tailwind.
• Konfigurasi Tailwind: Warna kustom (seperti primary, secondary) didefinisikan melalui skrip konfigurasi kecil di dalam HTML.
• Responsif Lebih Intuitif: Menggunakan prefix seperti md: dan lg: untuk menerapkan gaya hanya pada layar dengan ukuran tertentu (misalnya, md:grid-cols-4 berarti grid 4 kolom hanya di layar medium ke atas).
• Kode HTML yang Lebih Padat: Karena semua styling ada di atribut class, file HTML akan terlihat lebih panjang tetapi lebih terstruktur.