Search videos

Search across video titles, descriptions, and transcripts

Your First Tailwind Website | Traversy Indexed

Your First Tailwind Website

Aug 14, 2020intermediateCrash Course

Description

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:

https://codepen.io/chrisoncode/pen/oNbrYjv

Chris's YouTube:

https://youtube.com/channel/UCmXVXfidLZQkppLPaATcHag

Chris's Courses:

Tailwind: https://BeginnerTailwind.com

React: https://MakeReactApps.com

Chris's Twitter:

https://twitter.com/chris__sev

Timestamps:

- Intro

- Tailwind Introduction

- Starting a CodePen

- Tailwind vs Bootstrap

- Starting our Landing Page

- Creating the Header

- Creating the Hero

- Responsive Styles

- Creating the Features

- Creating the Footer

Related Videos

React Native Crash Course 2026 - Build a Complete Mobile App

React Native Crash Course 2026 - Build a Complete Mobile App

beginnerCrash Course

Optional Chaining in JavaScript

Optional Chaining in JavaScript

intermediateQuick Tip

I Tried Vibe Coding - Here Are My Thoughts

I Tried Vibe Coding - Here Are My Thoughts

intermediateQuick Tip

Freelance Web Developer Roadmap

Freelance Web Developer Roadmap