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.


Chris’s YouTube:

Chris’s Courses:

Chris’s Twitter:

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: