Learn how to make a React website using Tailwind CSS in this tutorial. We will set up tailwind from scratch using their official docs. Tailwind CSS is a "utility-first" CSS framework that provides a deep catalog of CSS classes and tools that lets you easily get started styling your website or application.
Source Code
https://www.codavilla.com/posts/learn-how-to-make-a-react-website-with-tailwind-css-tutorial
Timeline
0:00 What we are building
0:45 Creating React App
3:52 Setting up Tailwind CSS
9:50 Creating Project Files
10:57 Creating Navbar
19:22 Creating Hero Section
24:16 Creating Content Section
32:14 Creating Footer
38:07 Creating Dropdown Menu
Check out this awesome tech gear
Macbook M1: https://amzn.to/3nBvfkM
Wireless Keyboard: https://amzn.to/2Wxf5g1
Wireless Mouse: https://amzn.to/3r6VRfj
Wireless Earphones: https://amzn.to/3gZlLgt
If you want to follow me along my coding journey, be sure to subscribe :)
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
Make a simple website with HTML and Tailwind CSS
https://youtu.be/Awl-CPXgpGs
Make a React Real Estate Website
https://youtu.be/sKs9FiAHSN4
Build a Gym website with HTML, CSS, & Javascript
https://youtu.be/6wOolplgB5o
Some links in the description are affiliate links, which means that if you click on them and make a purchase, I'll receive a small commission.
