Build a Website with Tailwind CSS | Project Tutorial

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Build a website with Tailwind CSS in this Tailwind CSS project tutorial. You will learn how Tailwind CSS applies media query breakpoints, light & dark mode, and various CSS styles with class names.

🚀 Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- The Complete Web Designer: https://bit.ly/CompWebDesign
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜   / discord  

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  

🔗 All Resources for this Tailwind CSS Course: https://github.com/gitdagray/tailwind...

🔗 Playlist for this Tailwind CSS Course: https://bit.ly/3BKYrzg

Build a Website with Tailwind CSS | Project Tutorial

(00:00) Intro
(00:05) Welcome
(00:15) Project Preview
(02:33) Project Setup
(10:21) Starting the Website
(12:48) header and nav styles
(22:16) Hero section
(30:34) horizontal rule
(31:17) Rockets section
(44:13) Scroll settings

📚 Suggested Pre-requisites for this Tailwind CSS course:
🔗HTML for Beginners full course:    • HTML Full Course for Beginners | Comp...  
🔗CSS for Beginners full course:    • CSS Full Course for Beginners | Compl...  

📚 Tutorial References:
🔗 Tailwind CSS: https://tailwindcss.com/
🔗 Prettier: https://www.npmjs.com/package/prettier
🔗 Automatic Class Sorting with Prettier: https://tailwindcss.com/blog/automati...

⚙ Web Dev Tools:
🔗 Chrome Browser: https://www.google.com/chrome/
🔗 Node.js: https://nodejs.org/
🔗 Visual Studio Code (VS Code): https://code.visualstudio.com/
🔗 Live Server VS Code Extension: https://marketplace.visualstudio.com/...
🔗 Tailwind CSS Intellisense VS Code Extension: https://marketplace.visualstudio.com/...
🔗 Inline Fold VS Code Extension: https://marketplace.visualstudio.com/...

Was this tutorial on building a website with Tailwind CSS helpful? If so, please share. Let me know your thoughts in the comments.

#tailwind #css #website