Re-create Airbnb's Home Page with Tailwind CSS

Hi, My name is Andy Leverenz and I work as a product designer and developer. For fun, I design, code, screencast, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.

==================== 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: https://github.com/justalever/tailwind-airbnb

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:

https://web-crunch.com/how-to-install-tailwind-css/ https://web-crunch.com/lets-build-tailwind-css-tweet/ https://web-crunch.com/lets-build-tailwind-css-dribbble-shot https://web-crunch.com/lets-build-tailwind-css-responsive-navbar https://web-crunch.com/tailwind-css-movie-production-landing-page https://web-crunch.com/how-to-extend-tailwind-css

====================

📰 One-Click Subscribe: https://www.youtube.com/user/webcrunchblog?sub_confirmation=1

💎🛤 NEW COURSE: HELLO RAILS https://hellorails.io

💻 Previously published at: https://web-crunch.com/re-create-airbnbs-home-page-with-tailwind-css

💻 Check out the blog: https://web-crunch.com

🦄 Check out my personal site: https://justalever.com

🚀 Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever

📘Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd

📙 Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting

🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered. https://m.do.co/c/ee243ee15648

💎 Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it! https://hatchbox.io/?via=andy

☕️ Keep me awake. Buy me a coffee https://www.buymeacoffee.com/webcrunch ... https://www.youtube.com/watch?v=7phZqghhho0