Tailwind CSS Project | TailwindCSS Tutorial
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In this Tailwind CSS project tutorial, we continue building the Acme Rockets website. You will learn how to apply custom media queries, pseudo-elements with before and after content, and various CSS styles with Tailwind CSS 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
Tailwind CSS Project Part 2 - TailwindCSS Tutorial
(00:00) Intro
(00:05) Welcome
(00:15) Project Review
(02:28) Start tailwindcss
(03:43) Testimonials section
(06:23) Add before and after pseudo-elements
(10:35) Testimonials section continued
(17:25) Contact Form
(24:03) Footer
(30:47) Custom Media Queries
📚 Suggested Pre-requisites for this Tailwind CSS course:
🔗HTML for Beginners full course: • HTML Full Course for Beginners | Complete ...
🔗CSS for Beginners full course: • CSS Full Course for Beginners | Complete A...
📚 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 for building a Tailwind CSS Project helpful? If so, please share. Let me know your thoughts in the comments.
#tailwind #css #project
Auf dieser Seite können Sie das Online-Video Tailwind CSS Project | TailwindCSS Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Dave Gray 30 September 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 19,508 Mal angesehen und es wurde von 518 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
