Traversy Media | Your First Tailwind Website @TraversyMedia | Uploaded August 2020 | Updated October 2024, 6 hours ago.
Tailwind CSS is a utility-first framework that's a little different than CSS frameworks like Bootstrap or Bulma. We are going to build a Tailwind landing page so we can learn how quickly we can create designs for our sites.
CodePen:
codepen.io/chrisoncode/pen/oNbrYjv
Chris's YouTube:
youtube.com/channel/UCmXVXfidLZQkppLPaATcHag
Chris's Courses:
Tailwind: BeginnerTailwind.com
React: MakeReactApps.com
Chris's Twitter:
twitter.com/chris__sev
Timestamps:
0:00 - Intro
0:31 - Tailwind Introduction
1:52 - Starting a CodePen
3:00 - Tailwind vs Bootstrap
7:47 - Starting our Landing Page
8:40 - Creating the Header
20:41 - Creating the Hero
26:09 - Responsive Styles
30:51 - Creating the Features
36:11 - Creating the Footer
Tailwind CSS is a utility-first framework that's a little different than CSS frameworks like Bootstrap or Bulma. We are going to build a Tailwind landing page so we can learn how quickly we can create designs for our sites.
CodePen:
codepen.io/chrisoncode/pen/oNbrYjv
Chris's YouTube:
youtube.com/channel/UCmXVXfidLZQkppLPaATcHag
Chris's Courses:
Tailwind: BeginnerTailwind.com
React: MakeReactApps.com
Chris's Twitter:
twitter.com/chris__sev
Timestamps:
0:00 - Intro
0:31 - Tailwind Introduction
1:52 - Starting a CodePen
3:00 - Tailwind vs Bootstrap
7:47 - Starting our Landing Page
8:40 - Creating the Header
20:41 - Creating the Hero
26:09 - Responsive Styles
30:51 - Creating the Features
36:11 - Creating the Footer