Your First Tailwind Website


Download This Video

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:

Chris’s YouTube:
https://youtube.com/channel/UCmXVXfidLZQkppLPaATcHag

Chris’s Courses:
Tailwind: https://BeginnerTailwind.com
React: https://MakeReactApps.com

Chris’s Twitter:

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

%d bloggers like this: