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
En esta página del sitio puede ver el video en línea Tailwind CSS Project | TailwindCSS Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Dave Gray 30 septiembre 2022, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 19,508 veces y le gustó 518 a los espectadores. Disfruta viendo!
