Build a Website with Tailwind CSS | Project Tutorial

Build a website with Tailwind CSS in this Tailwind CSS project tutorial. You will learn how Tailwind CSS applies media query breakpoints, light & dark mode, and various CSS styles with class names.

🚀 Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

Build a Website with Tailwind CSS | Project Tutorial

(00:00) Intro
(00:05) Welcome
(00:15) Project Preview
(02:33) Project Setup
(10:21) Starting the Website
(12:48) header and nav styles
(22:16) Hero section
(30:34) horizontal rule
(31:17) Rockets section
(44:13) Scroll settings

📚 Suggested Pre-requisites for this Tailwind CSS course:

📚 Tutorial References:

⚙ Web Dev Tools:

Was this tutorial on building a website with Tailwind CSS helpful? If so, please share. Let me know your thoughts in the comments.

#tailwind #css #website

[AsheAve]

You are a great help, Dave. Thank you for so many things you’ve taught me.

[jessiefianu]

I'm glad I chanced upon your channel Dave. I just started my internship and was new to tailwind. Your videos and detailed explanation has given me a level of confidence that I am so glad I came across your video. Thank you for sharing your knowledge with us.

[leasbenmaupa]

Thank you, Dave, for such content and to think of it all for free, it's amazing..been working on BS for some time but now jumping onto Tailwind, and omg I just landed on your channel, thanks mill pal🤝🤝, you have earned a Subscriber

[hadibq]

Awesome as always!! every word has value. Thanks, Dave, for sharing 👍

[TanjimAshraf-pvik]

An awesome way of learning Tailwind CSS. Thank you Dave for such effort ❤

[fvxbvhc]

Thank you for this amazing tutorial, I have learned so much already

[simonnjoroge]

Thank you so much for this, it helped me. Love how you explain every small detail unlike other people.

[digigoliath]

Awesome!!! This is exactly the kind of project I was looking for. TQVM Dave. It is much appreciated 👍👍

[Reebak]

Amazing content and project.

I cant wait for more of tailwindcss series!

[pgallovich]

This was a fun project and it really helped me understand Tailwind CSS. Thanks so much Dave, you made me a better frontend dev today.

[DomingosCanhanga-dotq]

Estou a gostar dessa serie, mais uma aula incrível.

[RAYMONDJOSEPH-hg]

Can't thank you enough keep up the good work you are my idol

[rupacFan]

Hey Dave, thank you for all the content sir, I love learning from you! 🔥

Can I ask for a favour and ask if you could make a tutorial on using Express and Tailwind and creating a project or even just showing a video on how to set things up?

Thank you!

[koffisamuelshanvier]

Thank you Dave for this amazing content

[ranjeetsinghtharu]

43:59 I was also bangin my head over that issue! ...this video is helpful!

[niteshprajapat.dv]

Your content is just amazed! Learnt many things from you and will continue learning from you Sir💖❤

[viniciusm.m.]

Beautiful project! Thanks, Dave!
God bless!
Abraço!

[ValeriyTuz]

Hi. Very nice and well explained tutorial, thanks. I have noticed that you added classes: w-2/3 sm:w-5/6. But tailwind is mobile first, right? Shouldn't it be vice versa? w-5/6, md:w-2/3? It is on <ul><li>

[csprofessorpam]

After creating the script for prettier, am I supposed to do npm run prettier? Because the extention does not seem to be working for me.

[Thekidisalright]

Hi Dave, I am new to this and I have a noob question to ask, I tried to follow your video step by step and when I tried to install the prettier-plugin-tailwindcss to vscode, i can install it but it doesn’t show up on the package.json file, i have to manually add “devDependencies”: { “^0.3.0”} to the json file manually, may I know why does this happen and am I doing it right by adding it myself? Thank you.