Build any layout with tailwind | crash course

Welcome to the building layout crash course. This video is focused on giving you real world tips about building layouts on mobile and desktop screens. This is not a crash course on grid but a crash course on building layout. We are using tailwind in this video but concepts are same for regular CSS as well. It's easier to show demos using tailwind. Enjoy and share the video
Get all source code for react application:
github.com/hiteshchoudhary/re...
All source code is available at my Github account:
github.com/hiteshchoudhary
Our Open-Source Project is here: freeapi.app
Join me at whatsapp: hitesh.ai/whatsapp
for community discord: hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@atishmahalle2829]

I am finding a breathing space to learn but hats off brother even after spending 9 years in this field i am learning each day something in your videos

[@tushar252]

From past 2 months (when I started following him) I am searching for his English channel but I don't found it😢... Because I searched as "Chai aur code in English" And " Chai in English" and so more ....But fortunately today You Tube blessed me and In my suggestion I found it🎉🕺❤........

[@sufyansyed1233]

Release se phle hi like or comment kr rha hoon.. Kyuki pata hai yaha pr sirf high quality kadak chai hi milti hai❤

[@hruthikks1610]

This is super helpful for people who don't want to spend much time in css, ur crash courses are always helpful.

[@timmycanfly]

I so appreciate the effort you put into making this. The simplicity of your explanation is super powerful. Thank you

[@rajkishan3690]

Short and straight to the point. Loved it.

[@sumukh6853]

finest video i've ever encountered on tailwind

[@pratyushgaming9522]

great sirrrrrrrrrrrr....recently building an ecommerce website....this helps me to create that filter sidebar on my website

[@nateb1804]

Tackling this from a high-level conceptual design perspective was so helpful. Thank you!

[@suyashsrivastava5716]

Thank God, I got the video on the right time, you are a life saver.. Keep up the good work

[@SanjayGupta-ze1uf]

I realize I will learn design because you are teaching awesome techniques. Thank you so much for playing with the design🤠

[@AkashKumar-lt5jr]

Best video for tailwind

[@MDNASIM-eu5fl]

Want more tailwind responsive vdos like this

[@erranbahadurbk]

wow! just amazed by this tutorial :) thank you so much!

[@isaacopeyemirobert7868]

wonderful, and I'm just starting out with tailwinds

[@AdieVentureVlog]

So far this is the most informative video I watched

[@riajikbal2938]

Best tutorial on tailwind css

[@jalluchakri1528]

i am enjoyed a lot of your sections using tailwindcss

[@manoshandom4525]

Very clear presentation and very interesting. Well done Hitesh.

[@rcoder5538]

The most awaited video from you sir 😅

[@ankushladani496]

This is just awesome content on tailwind css...❤🎉

[@TheOrangeSwag]

Great job man, Love your teaching

[@kattamurinagabhushan9879]

As always .. your way of explanation is awesome 😎 Easy to understand 😀

[@vishwanatha6859]

Very helpfull🤩waiting for next one in this series😁

[@parthpitroda6935]

Just loved your hacks, thorough explanation ❤️

[@Agni003]

Hats off to HC for bringing such content.

[@Mobbin6500]

Great video really explained the techniques that nobody knows. I will use them In my next o project

[@abdulhadijafari7718]

the best so far

[@rayreem3846]

Loved this, u took me a step up bro thanks so much

[@kalaineethan8633]

Thank you Hitesh ❤

[@AbdulRaheem-sj5it]

I am really enjoy this one. Thanks sir

[@herookani5700]

Legendary stuff right here

[@ayushichoudhary1019]

Thanks for the wonderful content sir! Learnt a lot from this video

[@upendrasingha610]

It was really great

[@mohammedminoddinsharker8460]

thank you very much for the buautiful tutorial about grid.

[@im_riyaj]

Thanks for this much of effort❤

[@janzenfaidiban]

thank you, great explanation

[@user-ys5gx3ii6e]

Very Informative. Thank you sir.

[@destinyefe8996]

Thanks for the tutorial 🙂

[@nel2225]

your video helped me big time, i really learned a lot

[@iamnk3297]

Thanks Sir.. Amazing video.

[@user-ny2hm9kc3v]

Sir this is very intersting i learn responsive in one year but your vedio is very helpfull thank's

[@ajeetkumarrauniyar]

Awesome Sir!!

[@bandaneira9293]

excellent way of explaining

[@marketerarifhossain]

Really Awesome. now i hjave not any problem with column on tilewind css

[@fitnessbyatechie6677]

Awsome video,easy learning,your explanation is powerful sir

[@jk-sm6qr]

Thank you so much hitesh

[@animeshmondal9569]

Another Great video sir 💖💖

[@yashilrajbeesetty6628]

much needed rn😌😌

[@ofcljaved]

Great explanation 🙌🙌🙌🙌🙌🙌🙌🙌

[@rifatriyad9575]

this tutorial rocks🤟

[@kumargupta7149]

Hitesh Bhai has really impressive talent to teach complete and maximum with minimum

[@HiteshChoudharydotcom]

Thanks

[@saisandeep8741]

Thank you 😊

[@Ni3opGaming]

Sir help full video Love you sir ji

[@graphicsgrid7824]

I just started to learn web development and found your channel it is really awesome...

[@smartyrajcreation6788]

Amazing session

[@karthiksundaram544]

Nice teaching ❤

[@alpeshbaria4381]

best video 👍

[@not_amanullah]

Thanks ❤

[@jigarlodaya668]

Very informative ...

[@mohammedfaheem7391]

Thank you sir

[@taposhsorkar1613]

great explained

[@mibitsTech]

best tutorials for Tailwind🏅🏆

[@HiteshChoudharydotcom]

Thanks

[@arkodeepchatterjee]

great video sir

[@pughazpughaz5793]

Very informative Anna

[@MathsWithSatyamPandey]

❤ love you sir

[@Amvflix7]

Thanks you ❤

[@nitish7380]

Main to nextjs ka wait kr rha.... Bus jldi se upload kr do...

[@chanduyadav8765]

Wait for the next video in this series.

[@dheeru.rajpoot]

This is called crash course. Hitesh Sir like 😎

[@jagadeeshgade6309]

Thank you

[@user-sg9jm8ls7f]

Great tutorial Hitesh - it would be great if you could do something similar but using the flex layout instead of grid

[@EthicalRaja]

amazing

[@user-oe2mx7fe8s]

thanks please make more on tailwinds

[@marvii13]

we need foorm hook react also please.. I really like the way you make things easy 💙

[@thisstory]

wow it is nice

[@arkodeepchatterjee]

🔥🔥🔥🔥🔥

[@Pareshbpatel]

Excellent tutorial on using TailwindCSS with regard to Grid Layouts. Thanks, Hitesh {2024-04-18}

[@user-wu8gl3eu9o]

Thank You! This video helps us alot. Please make a video on crud with redux toolkit please.

[@shubhsharma19]

Les go

[@MukundMadhav.]

Are you a magician? How you got to know what I needed ‽ 😂❤

[@HiteshChoudharydotcom]

😁

[@aravindsd6839]

When someone says Master Tailwindcss this should be the 101 chapter for Tailwindcss and not jumping directly into tailwindcss classes

[@kannanpadmanabhan9185]

❤‍🔥

[@vivekchigure525]

wow

[@phoopyae756]

More video about tailwind plz

[@knightcore4062]

I simply avoid using grid over flexbox cause for me grid is complicated!, really hard to understand but sir you just make me curious to learn it. Hope you will create a banger css as well as tailwind grid adavance level videos in future. I look forward to learnig from you.

[@HiteshChoudharydotcom]

I also mostly use flexbox but this grid usage will simplify your life, like a lot of

[@madhurchaturvedi5551]

Sir please also teaches how to make a responsive navbar using JavaScript in tailwind CSS in react

[@sheikhabdullah8298]

Waiting so long... 2

[@p1xel3434]

Tailwind Layout Solution: Smallest screen : Middle section takes all 12 column Small to medium : Left section takes 3 column and middle section takes 9 column Larger than medium : Left section takes 2 column, middle section takes 8 column and right section takes 2 column

[@not_amanullah]

Understood++

[@vijayyyyyyyy6yyyyyyyy]

❤

[@NikhilSingh-eh1mp]

❤❤❤

[@navratanyadav5378]

31:44 Crazy technique ❤❤❤

[@arunbm123]

I make it a Point to remember..Smaller and Above =:)

[@fitnessbyatechie6677]

Want more videos in tailwind videos

[@AbhayBharti1]

Waiting for remaining video of tailwind CSS series

[@chandubatta-vg4dm]

I am waiting for the next TailWind series video.

[@talhajubair9703]

sir plz make a play list for react native

[@codingroar]

Sir, increase the sound of the video just like the old one (previous one like react Hindi series).

[@cplbhimanivasu8055]

Sirji AWS CCP ka video bhi upload kar dijiye 😢