KZhead
Ойын-сауық

Build any layout with tailwind | crash course

Hitesh Choudhary
2024 ж. 14 Ақп.
35 729 Рет қаралды
Жүктеу

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...

Пікірлер

  • 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

    @atishmahalle2829@atishmahalle28292 ай бұрын

  • 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🎉🕺❤........

    @tushar252@tushar2522 ай бұрын

  • Short and straight to the point. Loved it.

    @rajkishan3690@rajkishan36902 ай бұрын

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

    @sufyansyed1233@sufyansyed12332 ай бұрын

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

    @hruthikks1610@hruthikks16102 ай бұрын

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

    @timmycanfly@timmycanfly2 ай бұрын

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

    @nateb1804@nateb1804Ай бұрын

  • finest video i've ever encountered on tailwind

    @sumukh6853@sumukh68532 ай бұрын

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

    @suyashsrivastava5716@suyashsrivastava57162 ай бұрын

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

    @pratyushgaming9522@pratyushgaming95222 ай бұрын

  • I love this content, straight to the point, with good examples and teaches you a method. I wish all the technical videos were so good! :)

    @johnnydash4603@johnnydash46033 күн бұрын

  • Want more tailwind responsive vdos like this

    @MDNASIM-eu5fl@MDNASIM-eu5fl2 ай бұрын

  • So far this is the most informative video I watched

    @AdieVentureVlog@AdieVentureVlogАй бұрын

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

    @SanjayGupta-ze1uf@SanjayGupta-ze1uf2 ай бұрын

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

    @erranbahadurbk@erranbahadurbk2 ай бұрын

  • Best video for tailwind

    @AkashKumar-lt5jr@AkashKumar-lt5jr2 ай бұрын

  • Very clear presentation and very interesting. Well done Hitesh.

    @manoshandom4525@manoshandom452512 күн бұрын

  • Very helpfull🤩waiting for next one in this series😁

    @vishwanatha6859@vishwanatha68592 ай бұрын

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

    @rayreem3846@rayreem384618 күн бұрын

  • Just loved your hacks, thorough explanation ❤️

    @parthpitroda6935@parthpitroda69352 ай бұрын

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

    @Mobbin6500@Mobbin65002 ай бұрын

  • i am enjoyed a lot of your sections using tailwindcss

    @jalluchakri1528@jalluchakri15282 ай бұрын

  • The most awaited video from you sir 😅

    @rcoder5538@rcoder55382 ай бұрын

  • Great job man, Love your teaching

    @TheOrangeSwag@TheOrangeSwagАй бұрын

  • Best tutorial on tailwind css

    @riajikbal2938@riajikbal29382 ай бұрын

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

    @kattamurinagabhushan9879@kattamurinagabhushan98792 ай бұрын

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

    @ankushladani496@ankushladani4962 ай бұрын

  • wonderful, and I'm just starting out with tailwinds

    @isaacopeyemirobert7868@isaacopeyemirobert78682 ай бұрын

  • I am really enjoy this one. Thanks sir

    @AbdulRaheem-sj5it@AbdulRaheem-sj5it2 ай бұрын

  • thank you very much for the buautiful tutorial about grid.

    @mohammedminoddinsharker8460@mohammedminoddinsharker846029 күн бұрын

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

    @ayushichoudhary1019@ayushichoudhary10192 ай бұрын

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

    @nel2225@nel222521 күн бұрын

  • the best so far

    @abdulhadijafari7718@abdulhadijafari7718Ай бұрын

  • Thank you Hitesh ❤

    @kalaineethan8633@kalaineethan8633Ай бұрын

  • Hats off to HC for bringing such content.

    @Agni003@Agni0032 ай бұрын

  • Awsome video,easy learning,your explanation is powerful sir

    @fitnessbyatechie6677@fitnessbyatechie66772 ай бұрын

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

    @user-ny2hm9kc3v@user-ny2hm9kc3v2 ай бұрын

  • Thanks for this much of effort❤

    @im_riyaj@im_riyaj2 ай бұрын

  • Very Informative. Thank you sir.

    @user-ys5gx3ii6e@user-ys5gx3ii6e2 ай бұрын

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

    @graphicsgrid7824@graphicsgrid7824Ай бұрын

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

    @marketerarifhossain@marketerarifhossain6 күн бұрын

  • excellent way of explaining

    @bandaneira9293@bandaneira929327 күн бұрын

  • Legendary stuff right here

    @herookani5700@herookani570015 күн бұрын

  • Thanks for the tutorial 🙂

    @destinyefe8996@destinyefe89962 ай бұрын

  • It was really great

    @upendrasingha610@upendrasingha610Ай бұрын

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

    @user-sg9jm8ls7f@user-sg9jm8ls7f2 ай бұрын

  • thank you, great explanation

    @janzenfaidiban@janzenfaidibanАй бұрын

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

    @marvii13@marvii132 ай бұрын

  • Thanks Sir.. Amazing video.

    @iamnk3297@iamnk32972 ай бұрын

  • Another Great video sir 💖💖

    @animeshmondal9569@animeshmondal95692 ай бұрын

  • Great explanation 🙌🙌🙌🙌🙌🙌🙌🙌

    @ofcljaved@ofcljaved2 ай бұрын

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

    @kumargupta7149@kumargupta71492 ай бұрын

    • Thanks

      @HiteshChoudharydotcom@HiteshChoudharydotcom2 ай бұрын

  • Nice teaching ❤

    @karthiksundaram544@karthiksundaram5442 ай бұрын

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

    @user-wu8gl3eu9o@user-wu8gl3eu9o2 ай бұрын

  • Awesome Sir!!

    @ajeetkumarrauniyar@ajeetkumarrauniyar2 ай бұрын

  • much needed rn😌😌

    @yashilrajbeesetty6628@yashilrajbeesetty66282 ай бұрын

  • Very informative Anna

    @pughazpughaz5793@pughazpughaz5793Ай бұрын

  • this tutorial rocks🤟

    @rifatriyad9575@rifatriyad95752 ай бұрын

  • Amazing session

    @smartyrajcreation6788@smartyrajcreation67882 ай бұрын

  • Wait for the next video in this series.

    @chanduyadav8765@chanduyadav87652 ай бұрын

  • This is called crash course. Hitesh Sir like 😎

    @dheeru.rajpoot@dheeru.rajpoot2 ай бұрын

  • great video sir

    @arkodeepchatterjee@arkodeepchatterjee2 ай бұрын

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

    @nitish7380@nitish73802 ай бұрын

  • great explained

    @taposhsorkar1613@taposhsorkar16132 ай бұрын

  • best tutorials for Tailwind🏅🏆

    @mibitsTech@mibitsTech2 ай бұрын

    • Thanks

      @HiteshChoudharydotcom@HiteshChoudharydotcom2 ай бұрын

  • best video 👍

    @alpeshbaria4381@alpeshbaria43812 ай бұрын

  • Sir help full video Love you sir ji

    @Ni3opGaming@Ni3opGaming2 ай бұрын

  • Thank you so much hitesh

    @jk-sm6qr@jk-sm6qr2 ай бұрын

  • Very informative ...

    @jigarlodaya668@jigarlodaya6682 ай бұрын

  • Thank you 😊

    @saisandeep8741@saisandeep87412 ай бұрын

  • thanks please make more on tailwinds

    @user-oe2mx7fe8s@user-oe2mx7fe8s2 ай бұрын

  • ❤ love you sir

    @MathsWithSatyamPandey@MathsWithSatyamPandey2 ай бұрын

  • amazing

    @EthicalRaja@EthicalRaja2 ай бұрын

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

    @Pareshbpatel@Pareshbpatel25 күн бұрын

  • Thanks ❤

    @not_amanullah@not_amanullah2 ай бұрын

  • Thank you sir

    @mohammedfaheem7391@mohammedfaheem73912 ай бұрын

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

    @madhurchaturvedi5551@madhurchaturvedi55512 ай бұрын

  • Thanks you ❤

    @Amvflix7@Amvflix72 ай бұрын

  • wow it is nice

    @thisstory@thisstory2 ай бұрын

  • Thank you

    @jagadeeshgade6309@jagadeeshgade63092 ай бұрын

  • 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.

    @knightcore4062@knightcore40622 ай бұрын

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

      @HiteshChoudharydotcom@HiteshChoudharydotcom2 ай бұрын

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

    @MukundMadhav.@MukundMadhav.2 ай бұрын

    • 😁

      @HiteshChoudharydotcom@HiteshChoudharydotcom2 ай бұрын

  • More video about tailwind plz

    @phoopyae756@phoopyae75618 күн бұрын

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

    @aravindsd6839@aravindsd68392 ай бұрын

  • 🔥🔥🔥🔥🔥

    @arkodeepchatterjee@arkodeepchatterjee2 ай бұрын

  • Understood++

    @not_amanullah@not_amanullah2 ай бұрын

  • 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

    @p1xel3434@p1xel34342 ай бұрын

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

    @codingroar@codingroar2 ай бұрын

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

    @arunbm123@arunbm1232 ай бұрын

  • Waiting for remaining video of tailwind CSS series

    @AbhayBharti1@AbhayBharti12 ай бұрын

  • 31:44 Crazy technique ❤❤❤

    @navratanyadav5378@navratanyadav53782 ай бұрын

  • ❤‍🔥

    @kannanpadmanabhan9185@kannanpadmanabhan91852 ай бұрын

  • Want more videos in tailwind videos

    @fitnessbyatechie6677@fitnessbyatechie66772 ай бұрын

  • sir plz make a play list for react native

    @talhajubair9703@talhajubair97032 ай бұрын

  • I am waiting for the next TailWind series video.

    @chandubatta-vg4dm@chandubatta-vg4dmАй бұрын

  • Waiting so long... 2

    @sheikhabdullah8298@sheikhabdullah82982 ай бұрын

  • wow

    @vivekchigure525@vivekchigure5252 ай бұрын

  • What happened to the fun with css series? Is it stopped. Was hopping for more practical tailwind css.

    @anoopnews-jf3do@anoopnews-jf3do27 күн бұрын

  • sir, can we do this same with flexbox . or can we use both grid and flexbox ?

    @gg.cip0t@gg.cip0t2 ай бұрын

  • Sirji AWS CCP ka video bhi upload kar dijiye 😢

    @cplbhimanivasu8055@cplbhimanivasu80552 ай бұрын
KZhead