Tailwind CSS Tutorial - Build a website using HTML and Tailwind CSS

Опубликовано: 22 Март 2026
на канале: pmCodingTutorials
1,588
61

In this Tailwind CSS tutorial, I will show you how to:
install tailwindcss using npm
enable additional colours
add custom fonts and custom background images
create your own reusable utility classes

Further resources:
HTML starter file: https://github.com/patriciamolnar/tut...
TailwindCSS documentation: https://tailwindcss.com/docs
TailwindCSS CDN: https://cdnjs.com/libraries/tailwindcss
How to automatically rebuild Tailwind: https://tailwindcss.com/docs/installa...
Node, including npm: https://nodejs.org/en/
Free images: https://www.pexels.com/

Other CSS videos you might be interested in:
1) CSS Animations: Neon Glow with SVG text:
   • CSS Animation:  Animated Neon Glow with SV...  

2) Interactive CSS background animation:
   • CSS background animation tutorial - code i...  

3) CSS Text animation:
   • CSS Text Animation - Animate letters in fr...  

For regular web development tutorials subscribe:
   / channel  

Connect with me on social media:
Twitter:   / pmcoding  
Instagram:   / pmcoding  
CodePen: https://codepen.io/patriciamolnar

My website: https://pmcoding.co.uk
Any questions, email me at [email protected]