DEV Community

Andy Leverenz
Andy Leverenz

Posted on • Originally published at web-crunch.com on

26 13

Re-create Airbnb’s Home Page with Tailwind CSS

Continuing my Let’s Build: With Tailwind CSS series is another addition where I show you how to re-create Airbnb’s home page using only Tailwind CSS.

Download the source code

In this guide, I’ll show you how I re-created Airbnb’s home page with Tailwind CSS. At the time of recording, Airbnb had a different home page design than what you see today. While that was a big bummer I decided to still release this walk-through. It is a long video but as you might know, I like to be thorough in my approach. I hope you enjoy!

If you decide to follow along be sure to reference the source code linked above to get the assets and reference my final version.

Also, be sure to check out some of my other builds if you like this one:

The Series So Far

The post Re-create Airbnb’s Home Page with Tailwind CSS appeared first on Web-Crunch.

Top comments (0)

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️