Build a Website with Tailwind CSS Project Tutorial

YOUR LINK HERE:

http://youtube.com/watch?v=VCpfd1NgBD8

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

#############################

New on site