Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Tailwind CSS for Beginners 2023 | Build a Landing Page

Trecia Kat
719 subscribers
<__slot-el>
<__slot-el>
2.1K views 1 year ago
Tailwind CSS is the most popular CSS framework in the market right now. This Tailwind CSS tutorial is for beginners and is perfect if you're looking for a framework that improves your CSS. Learn how to build a responsive landing page with Tailwind CSS. 🕸️ Resources Official Tailwind CSS Docs
  • tailwindcss.com
Tailwind CSS Playground  …...more
...more
Tailwind CSS for Beginners 2023 | Build a Landing Page
219Likes
2,174Views
2023May 17
Tailwind CSS is the most popular CSS framework in the market right now. This Tailwind CSS tutorial is for beginners and is perfect if you're looking for a framework that improves your CSS. Learn how to build a responsive landing page with Tailwind CSS. 🕸️ Resources Official Tailwind CSS Docs
  • tailwindcss.com
Tailwind CSS Playground
  • play.tailwindcss.com
Source Code
  • play.tailwindcss.com/R3zqh4UVuI
Tailwind CSS is Not Inline CSS
  • twitter.com/surjithctly/status/1658370834392834048?s=20
🎤 Shure SM7b 🎥 Lumina Webcam 🖼️ By me :) 🔍 Find Me Twitter: twitter.com/TreciaKS GitHub: github.com/TreciaKS LinkTree: jemi.so/treciaks 💨 Windy Stamps 00:00 Intro 00:45 What is Tailwind CSS 01:50 Pro's of Tailwind CSS 04:33 Con's of Tailwind CSS 06:00 The Best Way to Learn Tailwind CSS 07:12 Landing Page Overview 08:02 TailwindCSS Playground Tour 09:40 Tailwind CSS Official Docs Tour 11:28 HTML Structure Navbar 15:10 Styling & Debugging Navbar 25:48 Making Navbar Responsive 29:29 HTML Structure for Hero Section 32:00 Styling & Debugging Hero Section 43:13 Use Chrome Responsive Viewer 44:40 Final Words 🎉 Topics Discussed What is Tailwind CSS Tailwind CSS vs Bootstrap What First Utility Classes Mean The Best Way to Learn Tailwind CSS

Follow along using the transcript.

Trecia Kat

719 subscribers
Conference, Meetups and Podcast features
by Trecia Kat