Tailwind CSS 3.0 + React - Xây dựng Landing Page có responsive, dark mode ( Phần 1/2 )

😎 Mình là Duy (Daniel), qua video này chúng ta sẽ tìm hiểu cách set up Tailwind CSS 3.0 cùng với React để xây dựng mobile layout cho landing page của chúng ta Part 2:    • Tailwind CSS 3.0 + React - Xây dựng Landin...   👾Link Discord:   / discord   😻 Github repo (image): https://github.com/anhduy1202/Youtube... 😎 Extensions mình xài trong video (IDE: VS Code): TailwindCSS Intellisense ( Gợi ý code Taliwind CSS) Prettier (Code Formatter để code nhìn thẳng hàng ngay ngắn) Night Owl (No italics) (VS Code theme) Mốc thời gian: 0:00 - Giới thiệu 0:23 - Ưu điểm của Tailwind CSS 1:45 - Nhược điểm của Tailwind CSS 3:13 - Khách mời đặc biệt 3:28 - Giới thiệu project 5:10 - Setup React 7:40 - Setup Tailwind CSS 12:00 - Bắt đầu code 16:24 - Gradient trong Tailwind CSS 19:00 - Tạo custom color + size 21:43 - Mobile-first cho Tailwind CSS 23:50 - Tạo NavBar 25:45 - Xài Google Font trong Tailwind CSS 28:25 - Flexbox trong Tailwind CSS 32:00 - Tải React Icons 37:25 - Tạo Slogan 40:27 - Button trong Tailwind CSS 46:52 - Overflow trong Tailwind CSS 47:43 - Tạo Content 53:33 - BoxShadow trong Tailwind CSS 1:02:25 - @apply trong Tailwind CSS 1:04:07 - Tạo mobile menu 1:09:48 - Lời kết 👽 Liên hệ với mình tại: Website: https://danieltruongg.com Instagram:   / danieltruon.  . Github: https://github.com/anhduy1202