Build a Website with Tailwind CSS | Project Tutorial

preview_player
Показать описание

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
Рекомендации по теме
Комментарии
Автор

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

AsheAve
Автор

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.

jessiefianu
Автор

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

leasbenmaupa
Автор

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

hadibq
Автор

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

TanjimAshraf-pvik
Автор

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

fvxbvhc
Автор

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

simonnjoroge
Автор

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

digigoliath
Автор

Amazing content and project.

I cant wait for more of tailwindcss series!

Reebak
Автор

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.

pgallovich
Автор

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

DomingosCanhanga-dotq
Автор

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

RAYMONDJOSEPH-hg
Автор

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!

rupacFan
Автор

Thank you Dave for this amazing content

koffisamuelshanvier
Автор

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

ranjeetsinghtharu
Автор

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

niteshprajapat.dv
Автор

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

viniciusm.m.
Автор

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>

ValeriyTuz
Автор

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.

csprofessorpam
Автор

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.

Thekidisalright
visit shbcf.ru