Stripe Homepage with Tailwind CSS

Published: 01 February 2021
on channel: Chris Sev

2,989

Let's rebuild Stripe's old homepage with Tailwind. Stripe had an awesome gradient style background in their previous iteration. We'll use Tailwind Grid classes to build out a cool effect.

Inspiration Tutorial: https://lukebrown.dev/writing/how-to-...

Plain CSS Version: https://codepen.io/chris__sev/pen/jOW...

Christian von Uffel Version: https://codepen.io/cvonu/pen/jOVNqEw

CodePen: https://codepen.io/chris__sev/pen/MWb...

Tailwind Grid Video:    • Video

0:00 Introduction
1:13 CodePen
2:28 Content
3:27 Gradient Background
6:04 Grid
10:15 Conclusion

🏠 https://better.dev

😃 Courses
Tailwind Beginner Course: https://BeginnerTailwind.com
VS Code Course: https://ProductiveVSCode.com
Free Emmet Course: https://FasterWithEmmet.com
React Course: https://MakeReactApps.com

💙 Social
Chris's Twitter:   / chris__sev
Kapehe's Twitter:   / kapehe_ok

🐝 Community
Discord:   / discord
Newsletter: https://better.dev#newsletter

Watch video Stripe Homepage with Tailwind CSS online without registration, duration hours minute second in high quality. This video was added by user Chris Sev 01 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,989 once and liked it 81 people.

558