Tailwind CSS Project | TailwindCSS Tutorial
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.
(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
🔗 All Resources for this Tailwind CSS Course: https://github.com/gitdagray/tailwind-css-course
📚 Tutorial References:
🔗 Tailwind CSS: https://tailwindcss.com/
âš™ 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/items?itemName=ritwickdey.LiveServer
🔗 Tailwind CSS Intellisense VS Code Extension: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
🔗 Inline Fold VS Code Extension: https://marketplace.visualstudio.com/items?itemName=moalamri.inline-fold
#tailwind #css #tailwindcss
