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

  Рет қаралды 377,737

Thapa Technical

Thapa Technical

Күн бұрын

Welcome, One Line of Code to make Website Responsive. Yes, also why you should stop using the PX unit in CSS and start using REM units in CSS. All topics included in today's CSS Master Series in Hindi.
➡️ Difference Between REM VS PX vs EM: • CSS Units REM vs EM vs...
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechnical.com/2020/0...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...

➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...

Пікірлер: 653
@ThapaTechnical
@ThapaTechnical 4 жыл бұрын
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 жыл бұрын
Thank you for ur Awsomeee💓 knowledge shared with us😀
@Peebals
@Peebals 4 жыл бұрын
U t all tutorial are too much helpful
@omeshdewangan3352
@omeshdewangan3352 4 жыл бұрын
Sir Make A WordPress Series...
@cryptofacts5833
@cryptofacts5833 4 жыл бұрын
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 жыл бұрын
That calculation part was awesome. No one told us about it like that.
@srikarreddy6143
@srikarreddy6143 Жыл бұрын
😂😂
@entertainmentstuffs5911
@entertainmentstuffs5911 Жыл бұрын
😂
@shivambharati1338
@shivambharati1338 3 жыл бұрын
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 жыл бұрын
Best part was applying "font-size" directly to html tags :)
@raman7421
@raman7421 2 жыл бұрын
THIS VIDEO IS LITERALLY A GEM FOR CSS CODERS.
@SanjuKumar-ye8xz
@SanjuKumar-ye8xz 3 жыл бұрын
Yrr, es video ke liye mere pass word nhi hai bolne KO. Sach mai bahut hi amazing tha.😍😍
@naitikkathiriya
@naitikkathiriya 3 жыл бұрын
thank u so much, it's so easy to find website clean out for responsive! a big revolutionary you made for digital learners👍👏
@Paradise-kv7fn
@Paradise-kv7fn 3 жыл бұрын
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 :)
@caronfernandes4625
@caronfernandes4625 Жыл бұрын
Relatable 👍
@anushrikalekar6404
@anushrikalekar6404 5 ай бұрын
Are u working can u help to get a job it company me
@Rahul-wc7si
@Rahul-wc7si 3 жыл бұрын
I am a beginner and I didn't manage thousand line of code so this video was very helpful for me❤️❤️
@manasacharyya3338
@manasacharyya3338 3 жыл бұрын
Wow. Pura css responsive web design sirf 24 min me complete kar dia. Really great content. keep up the good work
@pxycknomdictator4483
@pxycknomdictator4483 8 ай бұрын
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
@abhinavsrivastava2064
@abhinavsrivastava2064 Жыл бұрын
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.
@ajayji1009
@ajayji1009 4 жыл бұрын
Great thapa brother, your explanation of declaring 1rem size to 10px was really awesome.
@innovativetechbuddy8662
@innovativetechbuddy8662 3 жыл бұрын
Thank you so much bro . All KZbinr 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 5 ай бұрын
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
@arshadrais-3078
@arshadrais-3078 Жыл бұрын
One of the best tutorial for responsive design on entire KZbin . Keep going Sir Hat's off To You
@mdosmangani2691
@mdosmangani2691 3 жыл бұрын
you are my Favorite teacher in youtube salute sir from Bd this is actually awesome useful its really helps me thank you so much
@santoshkumargupta2425
@santoshkumargupta2425 4 жыл бұрын
Sir this was the only problem i was facing while making sites. Thanks
@snehamahale1217
@snehamahale1217 4 жыл бұрын
extremely helpful video! Thanks a lot!!! You are a great teacher :)
@peacelover5571
@peacelover5571 2 жыл бұрын
Thapa Sir ...You r Great👍. I have learned JavaScript Because Of you. Thanks a lot.
@CodeWithSubhajit
@CodeWithSubhajit Жыл бұрын
Hidden calculation part abhitak kisine bataye nahi.. Thanks bhai for this video 😍
@shaikhmohdabid99
@shaikhmohdabid99 2 жыл бұрын
One of the best videos of my life who changed my life😃😃
@parshurampawar3555
@parshurampawar3555 2 жыл бұрын
great.subscribed to you...! This calculation part was awesome. No one told us about it like that.
@dlatha8820
@dlatha8820 4 жыл бұрын
10px = 62.5% = 1rem Who ever agrees like thoko
@MrWebDesignerAnas
@MrWebDesignerAnas 4 жыл бұрын
you make my life so simple thank you
@ThapaTechnical
@ThapaTechnical 4 жыл бұрын
Welcome 😊 plz share with your friends and classmates too ☺️
@mdcomputer1708
@mdcomputer1708 3 жыл бұрын
a really extraordinary video I have ever seen in my life. tnq Thapa vai
@vivekbinjola2460
@vivekbinjola2460 3 жыл бұрын
Man, i was stuced from past two days... Thank you so much
@ankitranjan88
@ankitranjan88 2 жыл бұрын
Thanks man ... you teach to turn our website into responsive eaisly as a cup of tea.
@navalsunalvlogs6892
@navalsunalvlogs6892 2 жыл бұрын
Very informative... Though I knew it already...But you refined my Knowledge perfectly
@huzaifajunaid1555
@huzaifajunaid1555 Жыл бұрын
thank bhai bohat waqt bachaya ap ne great video great knowledge thanks alot
@itzHD
@itzHD 4 жыл бұрын
Smart man! 🧠 Saved a lot of time! 🤟
@learnprogrammingwithproject
@learnprogrammingwithproject 4 жыл бұрын
Thank you so much for this topic. I'm also looking for this topic.
@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 🛐❤️🔥
@MATHSSCHOLORAMAN
@MATHSSCHOLORAMAN 26 күн бұрын
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
@user-zc5ng9ey7g
@user-zc5ng9ey7g 6 ай бұрын
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
@dashcreation148
@dashcreation148 4 жыл бұрын
Bahati important topic tha ye thank u sir....bahati achha laga
@nimmath87
@nimmath87 3 жыл бұрын
Really awesome video...you are a brilliant mentor... Thanks a lot...
@pushpendrakalbende492
@pushpendrakalbende492 3 жыл бұрын
No one told us like that. Really a awasome video sir.
@anukashyap4817
@anukashyap4817 3 жыл бұрын
Thank you so much thapa Bhai 🌹🌹❤️I understand it.
@pranshujain6752
@pranshujain6752 3 жыл бұрын
sir..sir........ awesome one shot doubt killing video now onwards "rem" is our new normal in our web development.
@arsalancodes
@arsalancodes 5 ай бұрын
I came first time on your channel I surprised you did Awsome calculation. i shocked
@mohammadseliya2726
@mohammadseliya2726 3 жыл бұрын
one of the finest trick to make responsive .biginner can understand easily
@vd1437
@vd1437 3 жыл бұрын
Thanks a lot for this deep and useful info thapa bhaiya🥰
@durganegi508
@durganegi508 Жыл бұрын
thank u bhai meri sari problem solve kar di aaj one again thank u so much
@TheNiks902
@TheNiks902 3 жыл бұрын
Thanks man your efforts are appreciated!!
@ayushraghuwanshi2953
@ayushraghuwanshi2953 2 жыл бұрын
Thanks for this video, this is totally masterpiece.
@theindosatiintrumentschemi4578
@theindosatiintrumentschemi4578 4 жыл бұрын
You are brilliant explain everything beautifully
@suryanshchandel725
@suryanshchandel725 2 жыл бұрын
Thanku so much bhai aapne bahut jyada time bacha liya
@Vanshamkamboj-wf3wk
@Vanshamkamboj-wf3wk 3 жыл бұрын
thank you sooo much bro for this video, sahi me bhaut kaam aai ye video
@AnkitKumar-dy1q
@AnkitKumar-dy1q 4 жыл бұрын
This is really very helpful. I will rarely use px in future. 👍👍👏👏
@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
@arvindjha77
@arvindjha77 4 жыл бұрын
Sir I am your big fan you are a genius you make hard coding easy in your video♥️
@kodamkrishnamurthy7099
@kodamkrishnamurthy7099 Жыл бұрын
Clear and perfect explanation. Got it perfectly
@nabeelakbarofficial3433
@nabeelakbarofficial3433 2 жыл бұрын
Just watched this video and subscribed. What a Pro tip ❤️
@sparkling244
@sparkling244 3 жыл бұрын
Thank you so much... Apne mera problem hi solve kr diya
@yashdongre1752
@yashdongre1752 Жыл бұрын
Most helpful video ever ❤️❤️ Thank you so much you saved my lot of time.
@Astrrick
@Astrrick 3 жыл бұрын
best part is whole video ❤️❤️
@harshKumar-sr4mw
@harshKumar-sr4mw 3 жыл бұрын
Great Explanation Thank you so much
@muhammadfaizannaeem8244
@muhammadfaizannaeem8244 Жыл бұрын
Thanks thapa bhai you save my life. I waste my 3 or 4 days for this. Thanks ❤
@codeClassy
@codeClassy Жыл бұрын
Great video... Even effective after two year..thanks
@vutechnology313
@vutechnology313 3 жыл бұрын
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
@Peebals
@Peebals 4 жыл бұрын
Sir your All tutorial are too much helpful
@md.kamrulislam9319
@md.kamrulislam9319 2 жыл бұрын
Great Explanation, Thanks for the awesome one.
@ateeqmemon
@ateeqmemon 3 жыл бұрын
Sir you are champion i like Maza aa ghaya new cheez sekhne ko mili Many Thanks
@kawserahmed367
@kawserahmed367 Жыл бұрын
This was an awesome video. I hope this video helped every web designer. :)
@a3b2ffgaming
@a3b2ffgaming Жыл бұрын
bole to bahut hi bdiya tq brother 😍😍😍😍
@abdulsameer6300
@abdulsameer6300 4 жыл бұрын
Sahi me life changing vdo tha bhaii
@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
@dheerajsharma-of8xs
@dheerajsharma-of8xs 4 жыл бұрын
bro thanks i was always confused in these things.....
@CodingFire
@CodingFire 4 жыл бұрын
Wow super duber nice video concept clear 😊
@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. ❤❤❤❤❤
@sukhjindersingh4830
@sukhjindersingh4830 2 жыл бұрын
U save my life already even still trying to understand
@saurabhgupta5257
@saurabhgupta5257 4 жыл бұрын
thank you so much sir for this video : )
@moneyji1604
@moneyji1604 3 жыл бұрын
One question for you vinod.. what about custom size of any element on mobile screen width ... like rem is adjusting size of all font size... but if I want to go with pixel perfect for a particular element.. then do we need to follow old style using media query ...or is there is any another method. Please teach us with an example.
@ajaybasfor5679
@ajaybasfor5679 3 жыл бұрын
Too Good...All issue cleared today
@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
@nikhilnajwani2971
@nikhilnajwani2971 2 жыл бұрын
Wow amazing knowledge thanku so much sir 👍👍
@alisha-u5y
@alisha-u5y 4 күн бұрын
The calculation part was very nice.
@rajvlogs7688
@rajvlogs7688 Жыл бұрын
This video is very helpful for all developers so thanks brother.
@krishnateja2874
@krishnateja2874 Жыл бұрын
thanks for your advice bro it helped me a lot to complete my project
@Steve_Chandan
@Steve_Chandan 4 жыл бұрын
Really liked this video. Please make this types of videos.
@ugthesep5706
@ugthesep5706 2 жыл бұрын
aaj kuch naya jananeko mila thanks bhai
@hiiaa4378
@hiiaa4378 3 жыл бұрын
Thank you sir for awesome videos k liyae 👍
@ashikurrahman9327
@ashikurrahman9327 2 жыл бұрын
BRo i just loved it . One of the best bhai.😍
@indian_gagan
@indian_gagan 3 жыл бұрын
very helpful video...thanks brother !
@nidabaloch6574
@nidabaloch6574 3 жыл бұрын
After watching this video i subscribed you.❤️ Owsum videos 💯
@maliknouman2623
@maliknouman2623 2 жыл бұрын
it helped a lot in making repsonsive designs
@kaushalkumarray4405
@kaushalkumarray4405 2 жыл бұрын
Very helpful, I solve my problem because of you
@americandude3620
@americandude3620 Жыл бұрын
if feels like you saved my life thanks for this video
@manikhossain5657
@manikhossain5657 3 жыл бұрын
Very helpful video... love from Bangladesh ❤❤
@tejalbhavsar4610
@tejalbhavsar4610 3 жыл бұрын
time saving and lifesaving thanks
@mahdisgarden3536
@mahdisgarden3536 3 жыл бұрын
excellent video. i like this channnel very much .you and yahoo baba is the life change channel for web developer
@PratyushMajumdar
@PratyushMajumdar Жыл бұрын
Thank you sir. This video helped me a lot!!
@codegamerz3628
@codegamerz3628 Жыл бұрын
After this video mai subscribe karne se khud ko rok nhi paya
@sankalpsingh9386
@sankalpsingh9386 3 жыл бұрын
Thankyou very much Mai bahut pareshan ho gaya tha maine bahut sara website per visit Kiya per 'rm' wala kisi ne nahin bataya thank ❤️❤️🙏🙏
@yaminislamatik1461
@yaminislamatik1461 2 жыл бұрын
Amazing tips and tricks. Love you bro😍😘
@CrazyAshu34
@CrazyAshu34 5 ай бұрын
bohot sahi video tha.. job lagwane wala video 😅
@pranavkasar7230
@pranavkasar7230 Жыл бұрын
Good explanation bro, cleared lots of doubts.
@sujon-ahmed
@sujon-ahmed 3 жыл бұрын
Helpful Thanks, Sir :)
@shatrughanyadav9308
@shatrughanyadav9308 2 жыл бұрын
thapa Sir u r really Awesome❤❤ :)
@animasinghdhabal5052
@animasinghdhabal5052 3 жыл бұрын
Woww osm tutorial man..i have liked and commented too on ur video..gonna subscribe n share it too now ...grt wrk man🙏..i was finding this typ of trick only for responsiveness of website..thnqq so mch
CSS Page Animated Loader | CSS Master Series in Hindi in 2020
10:29
Thapa Technical
Рет қаралды 17 М.
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 514 М.
Я обещал подарить ему самокат!
01:00
Vlad Samokatchik
Рет қаралды 9 МЛН
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 6 МЛН
🔴 Complete SASS & SCSS Tutorial for Beginners in Hindi in 2020
31:17
Thapa Technical
Рет қаралды 222 М.
Complete CSS Media Queries under 20 Minutes in Hindi
21:20
Thapa Technical
Рет қаралды 172 М.
🌐 Responsive Web Development: Building Websites for All Devices! 📱💻🖥️
1:25:35
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 457 М.
5 simple tips to making responsive layouts the easy way
15:54
Kevin Powell
Рет қаралды 756 М.
Why are you not creating anything in c++ ?
14:46
Chai aur Code
Рет қаралды 103 М.
Master Media Queries And Responsive CSS Web Design Like a Chameleon!
9:44
Slaying The Dragon
Рет қаралды 314 М.
A practical guide to responsive web design
23:13
Kevin Powell
Рет қаралды 182 М.
Я обещал подарить ему самокат!
01:00
Vlad Samokatchik
Рет қаралды 9 МЛН