One Line of Code to make Website Responsive | CSS Units | CSS Master Series in Hindi in 2020

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 661

  • @ThapaTechnical
    @ThapaTechnical  4 ปีที่แล้ว +74

    Guys, 200k Subscribers Hone wale hai... Abhi tak apne subscribe nai kiya tho abhi krdijiye :) Jitna ho sake video ko share krdena ha please :) And ha, aj ka video bahoot important hone wala hai bcz Aj jo topic cover kr rha hu na usse apke life bahoot easy ho jayegi :) One Line of Code to make Website Responsive :)

    • @kirann671
      @kirann671 4 ปีที่แล้ว +1

      Thank you for ur Awsomeee💓 knowledge shared with us😀

    • @Peebals
      @Peebals 4 ปีที่แล้ว +1

      U t all tutorial are too much helpful

    • @omeshdewangan3352
      @omeshdewangan3352 4 ปีที่แล้ว +3

      Sir Make A WordPress Series...

    • @cryptofacts5833
      @cryptofacts5833 4 ปีที่แล้ว +1

      Sir can you make a video how to buttons use means in my website I created a home buttton but there is no response how I get the response please answe!!

    • @shashankchaudhary2939
      @shashankchaudhary2939 4 ปีที่แล้ว

      *Jis din asi website bano na sir us din smjunga apko ki aap sch m developer ho nahi ase to aur bhi sab kr rahe hai same *
      Registration after open website: www.ramyashop.in/invite/register?key=44851590

  • @IshanKesharwani
    @IshanKesharwani 4 ปีที่แล้ว +112

    That calculation part was awesome. No one told us about it like that.

  • @raman7421
    @raman7421 3 ปีที่แล้ว +11

    THIS VIDEO IS LITERALLY A GEM FOR CSS CODERS.

  • @shivambharati1338
    @shivambharati1338 3 ปีที่แล้ว +31

    This was an extremely perfect explanation of the 'em' and 'rem'. This video literally taught me when to use 'rem' and 'em' so greatly and with efficient way..... Thanks Mr. Thapa for this. i appreciate your work....

  • @shailesh_R
    @shailesh_R 4 ปีที่แล้ว +64

    Best part was applying "font-size" directly to html tags :)

  • @Paradise-kv7fn
    @Paradise-kv7fn 3 ปีที่แล้ว +14

    very helpful....I never did front end in my college days as I love backend stuff...however, after I started working as a software engineer(~2ish years ago), I realised that companies no longer care if you are a backend or frontend dev....they want you to be able to handle both things (i.e "full stack")...so even though I got good at react with time, I still didn't get much hands on practice with css because in production grade applications, you rarely have to write css/styling code from scratch as it is mostly about reusing the existing css in the project(unless the project is absolutely new)..recently I have built somewhat of a decent sized full stack project as practice(it is something to solve a common problem that I used to face) and even deployed it but then I realised that it doesn't look good on smaller screens...thanks to this video, now i can hopefully get my website to look good on mobile phones too :)

  • @pxycknomdictator4483
    @pxycknomdictator4483 ปีที่แล้ว

    Sir literally m baar baar media queries likh likh kr pareshan ho gya tha lekin ap ki is video ne to meri zindagi assan krdi Thanks a Lot Sir

  • @WaasimAnsari-t5f
    @WaasimAnsari-t5f 10 หลายเดือนก่อน

    I'm a fresher in web development and i recently start learn bootstrap and iwas so tense about how to give font size, margin, padding in an element but this video taught me this process.
    Thank you so much Sir for providing us this initiative.
    Love from Pakistan

  • @shaikhmohdabid99
    @shaikhmohdabid99 3 ปีที่แล้ว +1

    One of the best videos of my life
    who changed my life😃😃

  • @manasacharyya3338
    @manasacharyya3338 4 ปีที่แล้ว +1

    Wow. Pura css responsive web design sirf 24 min me complete kar dia. Really great content. keep up the good work

  • @Rahul-wc7si
    @Rahul-wc7si 3 ปีที่แล้ว +5

    I am a beginner and I didn't manage thousand line of code so this video was very helpful for me❤️❤️

  • @SanjuKumar-ye8xz
    @SanjuKumar-ye8xz 3 ปีที่แล้ว +1

    Yrr, es video ke liye mere pass word nhi hai bolne KO. Sach mai bahut hi amazing tha.😍😍

  • @pranshujain6752
    @pranshujain6752 3 ปีที่แล้ว +1

    sir..sir........ awesome one shot doubt killing video now onwards "rem" is our new normal in our web development.

  • @CodeWithSubhajit
    @CodeWithSubhajit ปีที่แล้ว

    Hidden calculation part abhitak kisine bataye nahi.. Thanks bhai for this video 😍

  • @arshadrais-3078
    @arshadrais-3078 ปีที่แล้ว +1

    One of the best tutorial for responsive design on entire TH-cam . Keep going Sir Hat's off To You

  • @muhammadfaizannaeem8244
    @muhammadfaizannaeem8244 ปีที่แล้ว

    Thanks thapa bhai you save my life. I waste my 3 or 4 days for this. Thanks ❤

  • @HarrySidhu271
    @HarrySidhu271 4 หลายเดือนก่อน

    Thnq so much brother. Bhut ache se clear ho gye.❤

  • @sankalpsingh9386
    @sankalpsingh9386 3 ปีที่แล้ว +1

    Thankyou very much Mai bahut pareshan ho gaya tha maine bahut sara website per visit Kiya per 'rm' wala kisi ne nahin bataya thank ❤️❤️🙏🙏

  • @MATHSSCHOLORAMAN
    @MATHSSCHOLORAMAN 5 หลายเดือนก่อน +1

    Kisi ka time bacha ho ya na ho lekin aapka watch time to badh gaya
    Waise honestly video to bahut achchi aur laabhdaayak hai
    Thankyou for this helpful video

  • @codeClassy
    @codeClassy 2 ปีที่แล้ว +1

    Great video... Even effective after two year..thanks

  • @MrWebDesignerAnas
    @MrWebDesignerAnas 4 ปีที่แล้ว +9

    you make my life so simple
    thank you

    • @ThapaTechnical
      @ThapaTechnical  4 ปีที่แล้ว +1

      Welcome 😊 plz share with your friends and classmates too ☺️

  • @naitikkathiriya
    @naitikkathiriya 3 ปีที่แล้ว +11

    thank u so much, it's so easy to find website clean out for responsive! a big revolutionary you made for digital learners👍👏

  • @pratikdas159
    @pratikdas159 3 ปีที่แล้ว

    love you thapa bhai.
    I am trying to make web-site responsible but I am not.
    after seeing your video make web-site responsible so easy using (rem) i am so happy
    love form Odisha. ❤❤❤❤❤

  • @ColleGPT
    @ColleGPT ปีที่แล้ว

    1 number sir ji...in future aur bhi video aap upload karo jis se hamari web development easy ho jaye...aur hame ye bol ne saram na aaye ki hum e web development aati hai 🛐❤️🔥

  • @me_sumit_0
    @me_sumit_0 2 ปีที่แล้ว

    Dude....❤‍🔥❤‍🔥❤‍🔥❤‍🔥
    That's the most useful one...

  • @mairajkhan1944
    @mairajkhan1944 4 ปีที่แล้ว

    Love u bro Maine media query bana bana ke apny head ko dewar mn marny ja rha tha 😅 but this tutorial make me more motivated

  • @durganegi508
    @durganegi508 2 ปีที่แล้ว

    thank u bhai meri sari problem solve kar di aaj one again thank u so much

  • @codegamerz3628
    @codegamerz3628 2 ปีที่แล้ว

    After this video mai subscribe karne se khud ko rok nhi paya

  • @yashaswinihm4288
    @yashaswinihm4288 9 หลายเดือนก่อน +2

    Hi I don't know Hindi . But what he is saying is instead of media query making html tag px to 10px and use rem r8t?? Am I crt if wrong pls inform I am cloning Amazon website and responsiveness is left

  • @abhinavsrivastava2064
    @abhinavsrivastava2064 2 ปีที่แล้ว +3

    your videos are helping me a lot through my ongoing web dev journey. Thanks a lot for such amazing videos and top-notch explanations that no other individual teaches about.

  • @1985avnish
    @1985avnish 2 ปีที่แล้ว +1

    very help full video but vinod i have one question it work on browser zoom out (200%) or zoom in

  • @ankitranjan88
    @ankitranjan88 2 ปีที่แล้ว +1

    Thanks man ... you teach to turn our website into responsive eaisly as a cup of tea.

  • @suryanshchandel725
    @suryanshchandel725 3 ปีที่แล้ว

    Thanku so much bhai aapne bahut jyada time bacha liya

  • @ayushraghuwanshi2953
    @ayushraghuwanshi2953 2 ปีที่แล้ว +3

    Thanks for this video, this is totally masterpiece.

  • @CrazyAshu34
    @CrazyAshu34 10 หลายเดือนก่อน

    bohot sahi video tha.. job lagwane wala video 😅

  • @huzaifajunaid1555
    @huzaifajunaid1555 ปีที่แล้ว

    thank bhai bohat waqt bachaya ap ne great video great knowledge thanks alot

  • @alisha-u5y
    @alisha-u5y 4 หลายเดือนก่อน

    The calculation part was very nice.

  • @fun-with-me-1999
    @fun-with-me-1999 ปีที่แล้ว

    Best video in the whole youtube
    I was clonning of flipkart and stuck on the responsiveness
    Infact i was using bootstrap but when you are clonning something you should add extra css in your project while you are using frameworks . so thankyou thapa technical

    • @yashaswinihm4288
      @yashaswinihm4288 9 หลายเดือนก่อน

      Hi I don't know Hindi . But what he is saying is instead of media query making html tag px to 10px and use rem r8t?? Am I crt if wrong pls inform I am cloning Amazon website and responsiveness is left

  • @sukhjindersingh4830
    @sukhjindersingh4830 2 ปีที่แล้ว

    U save my life already even still trying to understand

  • @dlatha8820
    @dlatha8820 4 ปีที่แล้ว +14

    10px = 62.5% = 1rem
    Who ever agrees like thoko

  • @learnWithMahdi-r4c
    @learnWithMahdi-r4c 3 ปีที่แล้ว

    excellent video. i like this channnel very much .you and yahoo baba is the life change channel for web developer

  • @zouqeishq2004
    @zouqeishq2004 9 หลายเดือนก่อน

    I came first time on your channel I surprised you did Awsome calculation. i shocked

  • @sparkling244
    @sparkling244 3 ปีที่แล้ว

    Thank you so much... Apne mera problem hi solve kr diya

  • @mdosmangani2691
    @mdosmangani2691 4 ปีที่แล้ว +2

    you are my Favorite teacher in youtube
    salute sir from Bd
    this is actually awesome useful
    its really helps me
    thank you so much

  • @mohammadseliya2726
    @mohammadseliya2726 3 ปีที่แล้ว

    one of the finest trick to make responsive .biginner can understand easily

  • @itsamarpritam
    @itsamarpritam 3 ปีที่แล้ว +1

    Very Helpful Vide👍👍. I also used to write in px px px px px

  • @sahibealam6039
    @sahibealam6039 ปีที่แล้ว

    Before watching the video I used to confused rem and em and after watching video I get make a pro and responsive

  • @ravicreations7.038
    @ravicreations7.038 ปีที่แล้ว

    thankyou so much sir, i was working in project and using px unit everywere . this video help me alot. thankyou so much

  • @hooramshahbaz4149
    @hooramshahbaz4149 3 ปีที่แล้ว

    Owesom m from Pakistan really a super teaching content and style.

  • @HelloPadam
    @HelloPadam 4 ปีที่แล้ว

    Bhai I have been watching your videos from very long time and must say timle dherei ne ramro website teach garchau.
    Mero euta project cha Newspaper website ko kindly euta video dedicate gara Newspaper site ko lie in a best possible way.
    And it should be responsive dynamic ra beutiful at the same time. Thank You

  • @vivekbinjola2460
    @vivekbinjola2460 3 ปีที่แล้ว

    Man, i was stuced from past two days... Thank you so much

  • @ashikurrahman9327
    @ashikurrahman9327 2 ปีที่แล้ว

    BRo i just loved it . One of the best bhai.😍

  • @kaushalkumarray4405
    @kaushalkumarray4405 2 ปีที่แล้ว

    Very helpful, I solve my problem because of you

  • @yaminislamatik1461
    @yaminislamatik1461 2 ปีที่แล้ว

    Amazing tips and tricks.
    Love you bro😍😘

  • @alphacoder01
    @alphacoder01 ปีที่แล้ว +1

    This video is really helpful

  • @a_hi9856
    @a_hi9856 3 ปีที่แล้ว +1

    bhai height or width me bhi rem use krna h kya, vh vw nhi kr skte kya plz tell me

    • @covidyt1991
      @covidyt1991 3 ปีที่แล้ว

      i also have same doubt 🙄

  • @americandude3620
    @americandude3620 2 ปีที่แล้ว

    if feels like you saved my life thanks for this video

  • @tahamilff1672
    @tahamilff1672 10 หลายเดือนก่อน +1

    Bhai for example 768 iska font-size percentage kysey nikaley???
    Plz help😢

  • @luckythakur4953
    @luckythakur4953 2 ปีที่แล้ว

    Very nice ...Learn for best channel...Thank you so much ..

  • @Msstudy_guru
    @Msstudy_guru 5 หลายเดือนก่อน

    bro this technique is awesome and it save my lot of time thank you

  • @jyotichaurasia7195
    @jyotichaurasia7195 ปีที่แล้ว +1

    Thank you for making this video🙏

  • @shsalman5793
    @shsalman5793 3 ปีที่แล้ว

    1st time i don't understand but 2nd time i understand clearly

  • @peacelover5571
    @peacelover5571 3 ปีที่แล้ว

    Thapa Sir ...You r Great👍. I have learned JavaScript Because Of you. Thanks a lot.

  • @Anonymous_uncle
    @Anonymous_uncle 2 ปีที่แล้ว +1

    Bhai sachi mein bohot helpful hai
    Saala maine itna samay jo websites banayi apen institute me sab px or vh me banai
    Mere madam ko ye pata hi nahi jo usne mujhe abhi tak nahi bataya yarr chalo thans yaar bohot bohot

  • @Vanshamkamboj-wf3wk
    @Vanshamkamboj-wf3wk 3 ปีที่แล้ว

    thank you sooo much bro for this video, sahi me bhaut kaam aai ye video

  • @rsikchi2783
    @rsikchi2783 10 หลายเดือนก่อน

    thank you sir,, good calculation trick,,, 😊❤... i am the new subscriber of your channel and i send this video on my college Group for student knowing this trick
    thank you so much sir again ❤

  • @kodamkrishnamurthy7099
    @kodamkrishnamurthy7099 ปีที่แล้ว

    Clear and perfect explanation. Got it perfectly

  • @a3b2ffgaming
    @a3b2ffgaming ปีที่แล้ว

    bole to bahut hi bdiya tq brother 😍😍😍😍

  • @rajvlogs7688
    @rajvlogs7688 2 ปีที่แล้ว

    This video is very helpful for all developers so thanks brother.

  • @nikedits912
    @nikedits912 3 ปีที่แล้ว +1

    Very helpful video ☺️👍👍

  • @infohacks101
    @infohacks101 3 ปีที่แล้ว

    Awesome Video. Take Love From Bangladesh...........................

  • @ashishshinde4770
    @ashishshinde4770 3 ปีที่แล้ว

    very Nice..very usefukk video for mi....Thanks a lot thapa ji.😍😍😍😍

  • @waqasalam_007
    @waqasalam_007 3 ปีที่แล้ว

    Awesome vinod bhai🤩🥰🥰🥰🥰🥰

  • @ateeqmemon
    @ateeqmemon 4 ปีที่แล้ว

    Sir you are champion i like Maza aa ghaya new cheez sekhne ko mili Many Thanks

  • @innovativetechbuddy8662
    @innovativetechbuddy8662 3 ปีที่แล้ว +1

    Thank you so much bro . All TH-camr were only explaining it's features but nobody were explaining it real work which you taught so now i clearly know how to use it and it's advantage thank you so much😃😃

    • @yashaswinihm4288
      @yashaswinihm4288 9 หลายเดือนก่อน

      Hi I don't know Hindi . But what he is saying is instead of media query making html tag px to 10px and use rem r8t?? Am I crt if wrong pls inform I am cloning Amazon website and responsiveness is left

  • @vutechnology313
    @vutechnology313 4 ปีที่แล้ว

    Thanks alot sir you video is very important for me because every time your video clear my dot in my mind because i thought a some problem point but i see your video its clear my point love u sir alot form Pakistan

  • @sukritiguin5637
    @sukritiguin5637 3 ปีที่แล้ว

    Great Video Bhaiya 🥰❤️🥰

  • @AbirHossainZihad
    @AbirHossainZihad ปีที่แล้ว

    Great video. Thanks bro for this kind of information
    it would be really helpfull
    love from Bangladesh❤

  • @Peebals
    @Peebals 4 ปีที่แล้ว +1

    Sir your All tutorial are too much helpful

  • @anarishakari8627
    @anarishakari8627 ปีที่แล้ว

    Excellent Bro.... Love from Pakistan.

  • @nayaktricksgaming
    @nayaktricksgaming ปีที่แล้ว

    Tx bro I am very confused in media query❤🎉❤

  • @RahulRoy-rk8jh
    @RahulRoy-rk8jh 4 ปีที่แล้ว +1

    Nice video sir sir maza aa gaya sir ek video JavaScript par step by step bano sir Mai aapki video flow suru se hi kar raha hu

  • @Mubin.Siddiqui92
    @Mubin.Siddiqui92 4 ปีที่แล้ว +3

    Sir, u have a skill how people can understand.
    Thank uh.
    Respect from Pakistan❤

  • @ISLAMIC_VIDEO3211
    @ISLAMIC_VIDEO3211 ปีที่แล้ว

    Small screens media queries me pehle ham cheezon ko ek k neechay ek show krtey the... is me nhi krna prta????

  • @yashdongre1752
    @yashdongre1752 ปีที่แล้ว

    Most helpful video ever ❤️❤️ Thank you so much you saved my lot of time.

  • @shami8446
    @shami8446 3 ปีที่แล้ว

    thank bhai❤❤❤ the guy is awesome this video is op💗💗

  • @tushargehlot9498
    @tushargehlot9498 3 ปีที่แล้ว

    Very informative and good trick👍👍👏

  • @AbhishekSharma-fg1ho
    @AbhishekSharma-fg1ho ปีที่แล้ว

    padding margin and har chij m rem use krna hai? but media quary m to bs font size likha hai. please reply

  • @pranavkasar7230
    @pranavkasar7230 ปีที่แล้ว

    Good explanation bro, cleared lots of doubts.

  • @pushpendrakalbende492
    @pushpendrakalbende492 3 ปีที่แล้ว

    No one told us like that. Really a awasome video sir.

  • @vinayaksharma7134
    @vinayaksharma7134 2 ปีที่แล้ว +1

    halwa bana dia responsive site ko❤🙂

  • @sunandanlalka8727
    @sunandanlalka8727 2 ปีที่แล้ว +4

    as you changed 1rem to 10 px from 16 px to make it easy to change the code , cant we just change 1 rem to 1 px so that we dont have to alter the code

    • @yashaswinihm4288
      @yashaswinihm4288 9 หลายเดือนก่อน

      Hi I don't know Hindi . But what he is saying is instead of media query making html tag px to 10px and use rem r8t?? Am I crt if wrong pls inform I am cloning Amazon website and responsiveness is left

  • @ajaybasfor5679
    @ajaybasfor5679 4 ปีที่แล้ว

    Too Good...All issue cleared today

  • @cmboutique3570
    @cmboutique3570 4 ปีที่แล้ว +3

    Again boom
    Thank you sir
    Awesome ....boom....😍

    • @ThapaTechnical
      @ThapaTechnical  4 ปีที่แล้ว +2

      So nice of you plz share with your friends too :) and Help me to get 200k subs plx

    • @cmboutique3570
      @cmboutique3570 4 ปีที่แล้ว +2

      I will for you sir
      Because you are helping me a lot ...
      So itana toh banta h sir 🤘

  • @kaynatrathore-x5q
    @kaynatrathore-x5q ปีที่แล้ว

    Yh jo media query ma max-width px ma likhi yh kis ka according likhni rr font-size bi

  • @krishnateja2874
    @krishnateja2874 ปีที่แล้ว

    thanks for your advice bro it helped me a lot to complete my project

  • @internetgeek8728
    @internetgeek8728 2 ปีที่แล้ว

    Very Informative!!
    Thankyou

  • @shatrughanyadav9308
    @shatrughanyadav9308 2 ปีที่แล้ว

    thapa Sir u r really Awesome❤❤ :)

  • @dashcreation148
    @dashcreation148 4 ปีที่แล้ว

    Bahati important topic tha ye thank u sir....bahati achha laga

  • @ISLAMIC_VIDEO3211
    @ISLAMIC_VIDEO3211 ปีที่แล้ว

    Phir small screens me kuchh cheezein boht zada small ho jati hein . Pehle hm unko ek k neechay ek show krte the to phir is trha responsive krte huye kya krein jo boht small ho jate hein???? Plzzzzz reply