Our First Tailwind CSS Website: Tailwind Tutorial #2

[@gopalloharnew5948]

The new Animation / intro , the way it's edited - it's great. Love you code with harry.❤❤

[@himanshusharma1710]

Into music ka naam pta he kya kisikio

[@coderzadda]

I see intro many times .. It's Awsm

[@himanshusharma1710]

@@coderzadda naam pta he music 🎶 🎵 ka

[@coderzadda]

@@himanshusharma1710 nhi

[@ItxGauravSharma]

@@himanshusharma1710 fire drill by cushy sound name

[@asimhaider1437]

Thank you so much harry bhai. It helps a lot.

[@abhishekbiranje4533]

npm init -y (y means yes to all) for server use (npx serve) it serves your files on your current working directory on localhost also on your network. npx server does not support live reloading you must have to relaod the page manually. For auto reloading this javascript code will help you,add this code in your script tag in your html: function AutoRefresh( time ) { setTimeout("location.reload(true);", time); } AutoRefresh(1000) // It will fire location.reload function every 1 second and this will help you //to reload page in every 1 second.

[@mohitchauhan7669]

thanks

[@sairoshithkasam]

thanks

[@raselyt7000]

Thank You

[@the_shuvo_sarkar]

Brother what to do with the Node modules folder and other files that was created during the installation of Tailwind CSS?

[@Rawailsakib]

@@the_shuvo_sarkaryou just ignore them they include other functionalities for tailwind . your main focus is on the file on which you are working

[@shashwatbilgrami1796]

Great course. For information: Vite is a bundler which is used to optimize our code, it performs various other tasks such as automatic refresh if there is any change in our program, tree shaking etc. Documentation is amazing if you want more info.

[@sandeepshah1273]

At 11:00 instead of adding padding give height and width to img tag and then align-items as center to its parent element which will make the logo(image) to display at center.

[@MdAli-l4q5i]

Yes I also noticed it.

[@Samant_Maheshwari]

Harry Bhai....Really Your Are a best Teacher for web Development in the history of KZbin......

[@sajidrajput4491]

This course of Tailwind css is very amazing & its gives me very help in my web developer career. I requesting you that make projects on html + tailwind css + Js dynamic websites.

[@asha-ekumeed9005]

Yes plz ASAP

[@utkarshsharma404]

Yes

[@rasid_khan]

if harry bhai starts a course then he will be consistence till the end of the course 🥰🥰💞 Like if you agree ✌✌

[@PoonamSharma-hx9jx]

Sir, you are the best teacher in the world. Thanks for teaching us

[@emphlenoir]

I am starting to learn to code and doing some basic HTML, CSS and JS, content like this keeps me going, what a wonderful presentation! Keep it up!

[@Laptop-i4y]

ummm it's been 2 years what are you doing now

[@kirtiiyer490]

This playlist is gonna be the best tailwind tutorial 🔥🔥🔥

[@Super_Student2.O]

Yes

[@kirtiiyer490]

@@Super_Student2.O Harrybhaiop

[@greenshaheen]

lol this design. client won't even take it for free

[@kalu_shoor420]

yes

[@kirtiiyer490]

@@greenshaheen it's just for example :/

[@jashanmago9825]

Pahli video ke baad laga tha ki maybe utni achi na ho tailwind bcz customisation is always great. But ab dekha ki kitni kam lines of code me ye kaam ho gaya!!

[@atul_404_]

*ONE REQUEST TO CodeWithHarry* Harry Bhai, while watching your video. I usually write codes (learning while watching). And it was great to clear the doubts while watching your videos. I've learned HTML&CSS basics and believe me it was a great course. *REQUEST :* I only have a 14-inch laptop on which I usually write codes, But at the same time, I split my window into 2 halves, first for code and another one for your video. And sometimes I find it very difficult to see the code (Due to their small size). So I request you to kindly use the zoom feature while writing the codes. And I think some of the students are also dealing with the same issue which I was facing. And *Thanks A Lot*, your videos help us many times.❤❤

[@chutkabhooka]

bro use Windows Key + ZOom Button And Zoom To 200% ot 300% btw same size of laptop

[@govindgupta290]

Bhai bahut mazedar cheez hai tailwind CSS. Dil se respect aapke liye

[@gauravpatil7185]

I am watching it in june 2024, it's better than your sigma web development course tailwind video ❤❤🚀🚀

[@rishabhkaushik3329]

apka html and css ka course ko pdh kar he mere life bnai hai ab lagta hai ki haa merko kuch aata hai nahi to after bca ka bade bhi aise lagta tha ki kuch nahi aata merko ones agin thankyou

[@architkhandelwal716]

This playlist will gonna be the best one 🔥🔥

[@DattPanchal]

Bohot cool hai ye framework, maza aa raha hai iske sath work karne me 😄😄 I loved it !!!!! Thank you harry bhai for this amazing course !!!!!!!

[@sanathk8570]

Tailwind CSS is very useful because I made this website using pure CSS. Then I should write 76 lines of CSS but with using CSS should write only 37 lines of HTML. It will save our time,effort,energy and space.

[@manishathemahi]

THE BEST TAILWIND CSS COURCE IS HERE

[@harshsajla7216]

Suggestion! 👇 Harry bhai please zoom in your vs code screen while you record so that we can see the code I spend almost 5 hours a day and Less zoom cause a lot of strain on eyes So please keep this in mind while you record And top of that I love you the way you teach ✨❤️ I love you harry bhai ✨❤️ Long live and keep teaching✨❤️

[@ExploreSciFi]

aur bar bar kabe black aur kabe white screen, mara ankhou mei dard honay laga hai ⚠ ⚠

[@faizshariff9968]

Naya editing style Kadak hai bhai 👌

[@hrushilgawande7222]

2:12 npm init ke baad -y lagao to questions nahi pooche jate.

[@thor7129]

Bhai error aa rha

[@thor7129]

Npm is not recognized

[@kabir2190]

npm init -y

[@garvtech9721]

new intro is really gajab sir, that give vibes --good job harry sir.

[@than0s869]

Video editing next level 👌🏿

[@pradipbedre653]

thanks harry bhai, worlds best teacher.

[@techramen1681]

Finally full tutorial series started! ❤️🔥

[@Web_Cric]

aglyy lecture k intazar mein .... just too good

[@bugsfounder]

NEW YEAR IS GOING TO ROCK WITH TAILWIND CSS

[@manishathemahi]

[@tusharkutre6378]

mazedaar hai tailwind css, mazaa aagaya harry bhai(epic landing page)

[@abhishekgupta3563]

This background music is giving a lot of motivation 🔥🔥😎

[@zodiacsoftware1795]

there is no background music

[@Om-pant02]

Harry bhai maja aa gya ek dm❤❤❤❤❤❤❤❤ Respect++

[@rishabhjain911]

Great Course from Harry Sir. Its something very interesting thing that gives a lot of boost to productivity and makes us a fast front end designer. Thanks Harry Sir for rolling out this course

[@harshil9730]

24:28 majedar chez hai harry bhai

[@SandeshMotoVlogs]

2:20 its npm init -y flag for default json file setup ☺️

[@sultanaayan8365]

gg

[@indiangamerkaran6373]

Same

[@khizrshaikh9902]

24:24 Ha bhai bahut mazedaar cheez hai tailwind css Isko istarah istemaal karne me bahut zyaada maza aaenga

[@soul_fragments1313]

You are legend ❤️

[@sagarkanojia9975]

Thanks bhai for creating tutorial on tailwind css earlier, recently earn 3500 by creating simple landing page for salon

[@omkarkumbhar3243]

Its npm init -y to generate package.json with default value, by the way amazing course.🥳🥳🥳

[@Amit-cd8ne]

Thanks bro 😇

[@urvishjaiswal5271]

Thanks for a help bro

[@Helloworld6183]

Bhai fan hu me apka big fan❤️❤️❤️

[@ar-ug9re]

Sir your content are unique as compare to other and I have a request to make full html,css, javascript in one video 🙏🙏

[@CodingFever2.0]

fabulous intro😲😲😲and tutorials always outstanding ❤from faridabad

[@kirtiiyer490]

Speed of my finger when typing school work - 15wpm Speed of my finger when clicking on harry bhaiyas notification - 170 wpm

[@kiranshinde03]

Yaar bohot majedaar hai 😀👌💘❤️

[@salikashalu4319]

Thanks for this..Please add full tutorial series of SQL if you can 🥺🥺

[@rounakkraajsabat1939]

The new edit in your website is super amazing. Love ur videos

[@vedaprakashms]

just a thought, if we have installed tailwind css via NPM then why should we include the same via CDN?

[@primekk3]

same question

[@DilipKumar-Batsmen]

Harry bhai Aj smart lg rh ho year ke last din😁... And thanks alot for all this😇

[@Rohitkumar-os6rn]

Harray Sir your content and video are great. but how do we know which class is best to use and how to memorize the things. Like why I use items-center and why not content-center this is one of the examples.

[@twicelyrics2507]

bhai kya intro bnaya h jitni baar dekho utna acha lagta h

[@rupenbhimani7573]

moj karadi apne harry bhai...maza aa gaya ..

[@creativeside4290]

Awesome Intro & Video Harry Bhai

[@sanusinha5118]

majedar cheej hai ,,harry bhai is op

[@utsavmavani6764]

Awesome Harry Bhai... 👌👌👌

[@Meshv_patel]

You are rock harry bhai ....

[@muhammadaakash-mk]

very amzing Harry sir zindabaad

[@sqfdjgslkfdjgs]

Hello @codewithharry. Always love your content. Sorry for asking a dumb question, at 2:35 you added VITE in the code. Unfortuenatly, your video is blocking the right corner and I could not see where you have added this VITE? is it at the end of code that you pasted npm install?

[@AegonTargaryen-bi9cp]

do npm install -D tailwindcs..... and after that you can do npm install vite in the same project, harry has just installed two things together

[@saqibattari3059]

mai react bhi sikh rhah hoon or tailwind bhi or tailwindcss main react mai use krky sikh rha hoon thanks harry

[@amaankasiri]

Are Boht Maja Aa rha Hai❤❤❤😅😊😊😊

[@CMOMKARSHELKECM]

Very interesting bohot majedar hai sir

[@ShazRasheed]

Just great teaching bro... Loving it😍

[@de3wanclassroom778]

Great Instructor !!! Lot of Love From Pakistan 😍

[@hadeedtmgggg5837]

Thankyou harry Bhai this video is really very helpful recently I completed your ultimate J's course and now start learning this technology and inshallah after this start learning react from your playlist ❣️

[@AdiBhaiyaYT]

02:07 - It's npm init -y

[@bugsfounder]

This tailwind css is very very helpful thank u harry bhai

[@manishathemahi]

HARRY BHAI IS A LEGEND

[@bugsfounder]

@@manishathemahi U ARE RIGHT

[@_insanebuddy]

❤️❤️❤️thnku harry bhai ,your videos are much better than any paid courses

[@einstinewittke1532]

Harry bhai Maja aa gaya😍

[@anuragmourya1120]

2:25 What is npm init y? npm init -y. Will simply generate an empty npm project without going through an interactive process.

[@salilthegreat]

Han bhai majedar cheej hai🤩

[@shafii166]

Khatarnakhhh

[@zeeshanhamza7720]

Bhai qasam se ye "Tailwind" ma bohat maza araha ha :)

[@zahoorahmedsayyad]

Harry bhai apko aur sabko HAPPY NEW YEAR, aur course bhi bahot badiya hai! par agle video mai zara font size please badha dena. Hum smartphone se video dekhte hai.

[@tirthpatel3071]

I am exited too join This 🔥🔥

[@harshsajla7216]

Nice❤️music in the end harry bhai✨

[@saqibattari3059]

bohat maza aarha hai tailwind mai to maza aagaya hai

[@techeasy602]

Harry bhai chaka chak 💫

[@Sd4ss]

4:25 Can we just appreciate him as he is creating video in midnight 12:45 am

[@sourabhpatole5300]

Harry Bhai!!!!!! You are Great Person....Thank You

[@Mohit_mk_]

Bhai intro must hai 😍😍

[@LEO-jn9ti]

next level of editing

[@nikunjrathi3505]

harry bhai my all problems are solved and landing page is awesome.

[@hemant8223]

it is mazedaar as you💜

[@chocolyte1950]

Sir aapki intro lekin khatarnaak hai❤

[@kamaleshpramanik7645]

Thank you very much Harry Sir .. You made it so simple..

[@mohammedtaufiqy3385]

Bhai intro... 🔥🔥🔥

[@shashankthapliyal232]

WOW editing skills 🔥🔥🔥 Intro 🔥🔥 ❤️

[@pratik-mishra-the-great]

24:29 Bahut majedar 😁

[@kalhost7539]

intro, the way it's edited - it's great. Harry.❤❤

[@coderzadda]

@2:13 ~ The code for simply generate without asking question is -> npm init -y

[@vardhakkore2662]

Love you sir and salute for your work 🙏 You are helping many needed persons .

[@mohammedraheel2223]

Every playlist gives us a new hope, Energy and excitement. Harry bhai Thanks a lot...

[@user23xx76]

These high quality production videos are fire

[@luckstudity9083]

With the starting of the new year, Harry Bhai also started the new course of master tailwind CSS.

[@NanduKrishnanNKSanandu]

Thoroughly enjoying this series. Your tutorials are very good and using tailwind css is also really fun!

[@ashwithchandra2622]

Thanks Bhai aur Happy New year🥳🥳

[@ishantyagi4862]

Harry sir ye bahut majedaar hai

[@Tanisha-cl6sr]

ye code dekhne ke baad i think tailwind ki docs padhna hi better hai :)

[@ExploreSciFi]

me also realizing that 😂

[@haseebulhassan9711]

Ahwa amazing Boss

[@hashirtariq2912]

You are Legend🔥🔥🔥

[@muneeburrehman6458]

Thank you so much it really helps a lot