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
On this page of the site you can watch the video online Tailwind CSS Project | TailwindCSS Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 30 September 2022, share the link with friends and acquaintances, this video has already been watched 19,508 times on youtube and it was liked by 518 viewers. Enjoy your viewing!
