How To Make A Website With Tailwind CSS Step By Step Tutorial For Beginners
HTML-код
- Опубликовано: 9 фев 2023
- How To Make A Website using Tailwind CSS Step By Step Tutorial For Beginners
#TailwindCSS #WebDesign
❤️ SUBSCRIBE: goo.gl/tTFmPb
In this video we will learn to make a website header section step by step using HTML and TailwindCSS. In this website design we will not write any CSS properties, We will install Tailwind CSS and use their classes in the HTML file to design our website. After watching this tutorial you will be able to design any website without writing any CSS properties, you can make it with HTML and Tailwind CSS framework.
Download Images: drive.google.com/file/d/1BJLw...
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Images Credit:
www.freepik.com/
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
The clarity of your instructions and the pace of the tutorial were just right. I've gained valuable insights and feel more confident in using Tailwind CSS now. Looking forward to more tutorials from you!
I need this to make my first project in Tailwind CSS. Thank you very much!
I've been waiting for this video for a while and finally I got it ❤️❤️
Thank you for the very easy and simple tutorial
😃😃
You taught me a lot. I stopped for a while but now i am back to learn.
make more videos like this with Tailwind, please🥰
Exact time !!!! I have started tailwind in my project and you also started it . Looking forward for more .
Bro which one is best tailwind or bootstrap
@@bpprasanna7636 tailwind 💯. I'm using it and i love it.
@@bpprasanna7636 imo tailwind is better than bootstrap.
nice! im from Brazil and i learned a lot in this video! thanks!!!
I can't wait for you to start reactjs beginner to advance tutorials... You are my mvp Avinash
THANKS LEARN A LOT FROM THIS VIDEO
This channel is the best place for beginners!👍👍
this is really awesome and you made it easy to learn tailwind , thanks a lot
Ahhh finally..... Thanks Avinash❤️
bro make projects using by react js plz
These things use in react that's it
Awmazing tutorials.
Bhai mai 3 month se jitne bhi project banaya hun css mai banaya ,bahat hard lagta tha , lekin tailwind ko dekh ke maza aa raha hai , lagta hai sar se bojh ghat gaya😅
Thanks for this amazing video!
Nice, thanks. Instead of copy pasting style, can we rather apply those duplicated styles to it's parent? Such as the of the ?
ofc bro
Thanks for this ✌️
It's very useful tutorial🎉
Next time one big project using tailwind & this is easy understand
The video was amazing ❤
Yess thanks pro 😆💜💜💜💜
Very usefull thank yoi
Thanks 🥰
Thx bro ♥
thank you
nice vedio
please make responsive website. this video was also great
nice one
Please bring a full course of tailwind css
Make some more videos on TailwindCSS
very nice
Plz make a video on responsive website
Great job. Please drop the link to the source code
Thanks
Ty brother
Which app i have to use for mobile to code
Sir make a project on php language
And one project on bootstrap
Plz make a project using react js and material ul
nice
Pls make project with nodejs and mongodb as database
where u get cart ,logo and images?
plzz make react project and node js mongodb
Please make a anime website using html and css please🙏🙏
Play cdn. Why not do cli or is it too hard for you to incorporate.
my background image doesnt stretch all the way to the right corner, any suggestions?
Bit late, but min-w-full seemed to work for me
🔥👍
Bro make a php tutorial please
Damn so good I thought you going to use Colum for the pic
Please can I use your background for a personal project
@@turchat926 yes
I'm facing issue when setting background image. There is some space/margin on the right side in the viewport. I've tried solving this issue by inspecting but didn't reached to solution. Am using Sublime as editor and tailwind CDN. Also when I was inspecting I found that when am increasing "max-width" in inspection panel then the size of background image increases and fills the space/margin. Need help on this.
Try this :
Add max-w-[100%] to the div class
@@isamsvideoediting4572 min-w-full solved the same problem which i faced same like him. Thanks
I had the same problem, min-w-full solved it. Thank you guys!
@@isamsvideoediting4572 thank you it solved my problem :D
bro how do i get those pictures without a background,please reply because i want to have the same of kind to use in my other projects
Just do search the image you want +png. You can also remove background with ps adobe or online tools
Please after positioning the image..it affects the hover effect.. please did anyone noticed that??
hi sir! create a navbar using router.
is it responsive?
bhai responsive karke dikho yaar plz
Html css skills untey jobs untayaa
But webpage not responsive for small screen
How to connect with payment with stripe
please explain the positioning of image better
upload design templates
Please can I use your background for a personal project??
Yea you can use it
@@GreatStackDev thank you so much Sir
sir can i have the github repo link
🙏👑
play cdn is not working. Please fix
Is this responsive?
Need react proj
there is a space in the right side of the screen whenever i use "container" in tailwind css. Does anyone face the same problem as me ??
add min-w-full in first div/parent div tag.
can you please tell me how to make a simple automatic slider for back ground images i can't find it anywhere. i am soo tired please help
Use any UI component library, search Carousel component
Use bootstrap 5 you can make it easily
Can you give me the source code?
Nice. But this is not a responsive website.
Source code please
and where is responsivity>
You're not even explaining things. You're just saying "we will add it now" and adding them.
Hindi bol do Bhai ,,,
Worst developer ever
container min-h-screen bg-[url('images/walpaper.png')] NO WORK!!
Try this :
@@isamsvideoediting4572Not working
Thanks
Welcome