CSS Media Queries Tutorial in Hindi / Urdu

[@amank.1147]

I have watched multiple channels for web development, but you're the best teacher ❤️

[@joshim9113]

This is my most favorite one channel, I love your teaching style.... Love you boss....

[@YahooBaba]

Thanks a ton

[@muhammadmusab7574]

this is the best video in your playlist because I understand the queries. 👍

[@whatsnewnow4469]

Baba finally showed the way to responsive website, Best and easy way of explanation found on RUclips . Lots of love from me.

[@manishkumar-bw5iv]

Media queries samajh aa gya ye video dekh kr...Dil khuss ho gaya sir...Lots of love and respect to you

[@YahooBaba]

You are most welcome

[@naitikkathiriya]

thank u so much, learnt new medias rather than classes.. good tutorial to understand easily!! thnx again👍

[@AS-mc2db]

I learnt the basics of web development from your channel... ❤❤❤❤ Really appreciated....

[@YahooBaba]

Keep it up

[@Timed-Automaton]

You're the best! One day I will fly all the way from Pakistan to India to get your Ashirwaat. For months, I couldn't even get an ounce of this media query thing. And I knew how important is it to build responsive web designs. I'm sure if you were to teach/ explain theory of relativity and all those mind boggling theories and equations. You would have explained to make scientist out of us xDD 😁😁

[@YahooBaba]

Thanks and welcome Zubair :)

[@kishorisahoo6088]

If I search something and found your channel, then I definitely choose your channel for watching that video..
I really like your teaching style.
I'm learning CSS and JavaScript from your channel 🤗

[@YahooBaba]

Thanks and welcome

[@kishorisahoo6088]

@@YahooBaba You are great sir.... Apke itne sare subscriber hone ke babajud bhi... ap mere maximum comments ka reply karte he..😇

[@dark.surferr]

Your tutorials are seriously best out there... God bless you

[@YahooBaba]

Thank you so much 😀

[@mudusarmalik9345]

Sir you are great bcz you do not waste time in any other relevant or irrelevant things 👍

[@YahooBaba]

Thanks a lot

[@SS-ul4mk]

Yahoo baba is my favourite RUclips tech channel ❤️❤️❤️❤️

[@YahooBaba]

Thanks and welcome :)

[@mohammadsumairfarooq2282]

Thansk
This is a awesome tutorial for beginners.................................

[@YahooBaba]

Glad you liked it

[@renu2242]

Your explanation is too good, thanks,from Bangladesh

[@YahooBaba]

Thanks and welcome

[@Learnwebcode1]

All of the best tutorial ❤❤❤

[@OmanIqbal]

your videos so useful

[@YahooBaba]

Glad you like them!

[@lahoremeindehat]

so helpfull & easy methods u teach sir
love from Pakistan

[@YahooBaba]

Your most welcome :)

[@lahoremeindehat]

@@YahooBaba sɪʀ ʙᴜʜᴀᴛ ᴀᴄʜᴀ ᴇxᴘʟᴀɪɴ ᴋᴇᴛᴇ ʜᴀɪ..ᴀᴘ...ᴍᴀɪ ᴍᴀᴛʀɪᴄ ᴋᴀʏ ᴘᴀᴘᴇʀs ᴅʏ ᴋʀ ᴄʟᴇᴀʀ ʜᴜᴡᴀ ʜᴏ..ʙᴜᴛ ᴍᴜᴊᴇ ᴀᴘᴋɪ sᴀᴍᴊʜ ʙᴜʜᴀᴛ ᴀᴄʜɪ ᴀʀɪ ʜᴀɪ..ᴡᴇʟʟᴅᴏɴᴇ sɪʀ

[@mkamranusmanipk]

thanks sir for such a nice explanation of media query..

[@YahooBaba]

Thanks for liking

[@arafathossain6739]

always watching your video sir, love from Bangladesh

[@YahooBaba]

Thanks a ton

[@akhileshyaduwanshi6008]

bahut badiyaan excellent tutorial...!!!

[@YahooBaba]

Thanks for liking :)

[@codewithreayaj7176]

this is my best channel

[@imranamin369]

Brother, This is very useful video series. I have learnt css from scratch. I have a suggestion. Please add the code of each video along with video in some link so that we can easily test the syntax without replaying the video again and again. Thanks

[@wajahatali8427]

Brother jab tak ap khud se code nhi likho ge properties sahi se nhi samajh Sako gay ye experience hai.
Tutorial dekh k lagta hai k samajh agaya hai but khud kro to pata chalta hai k kidhar weakness hy ab bhi samajhny my

[@Vicky2000p]

@@wajahatali8427 Yes True

[@umairsajjad7917]

Thanks bro u'r great

[@ajaykr6253]

Good video bro ❤️❤️❤️❤️

[@GreatTimeAlwaysTakeTime]

really Amazing sir

[@ranjitbeck9603]

Very.... nice.... video...

[@YahooBaba]

Thanks Ranjit :)

[@jaichandyadavjc5104]

Thank you so much sir from this video giving me very helpful

[@YahooBaba]

Glad you liked it

[@rajnimaraskolhe371]

i love your voice ❤❤

[@YahooBaba]

Thanks :)

[@vedanshmittal4810]

superb property taught by superb teacher

[@YahooBaba]

Thanks Vedansh for appreciating my work :)

[@jugnoo0794]

Thank you sir ☺️😍

[@humanbeing9106]

sir puri banao apne toh afhoora sikhaya hai aaj ke time pe mobile hai sabke paas iski puri series banao sir

[@sonamyaduvanshi6128]

U r best teacher

[@YahooBaba]

Thanks a lot

[@codewithreayaj7176]

sir you are greate,

[@ASHISHYADAV-iv6wb]

thank u so much good tutorial

[@YahooBaba]

You are welcome!

[@tanveerahmad8455]

thanks Sir very Helpful lecture

[@rudro2123]

awesome sir.

[@ananyasinha7867]

Thank you so much sir 🙏☺️

[@YahooBaba]

Most Welcome :)

[@shaileshyadav5573]

Thank you
I understand media queries

[@YahooBaba]

Good

[@HammadKhan-ik8ru]

Comprehensive 😍

[@adilanwar1705]

Sir your videos are very beneficial fór us
I have one problem my chrome screen is not going on mobile screen
My Media quary is only work on 750px when i open in developer tool
Plz tell me about this
Love from Pakistan 🇵🇰

[@JustForProgrammers]

Best of Luck

[@YahooBaba]

Thanks :)

[@devashrikumawat3843]

Very nice explaination

[@YahooBaba]

Thanks and welcome

[@manaswishige3745]

Thank you for sharing your knowledge...
How to take these css media in css class..
Could you please tell me..?

[@technicalbot2961]

we use .

[@studentbengal4043]

Very nicely explained

[@YahooBaba]

Thank you so much 🙂

[@jagdishjena9058]

superb video sir...

[@YahooBaba]

Thanks Jagdish :)

[@SMIslamicShorts_Videos]

Sir 1 question h plz help kar dy .. mujhy ya bata dayn k (px) ki value ko percentage ( %)main kysy convert karty hn ?????plz plz plz answer..

[@niteshchaurasiya1531]

Nice Video Sir

[@bekind9638]

Bhai your op

[@akashharijan9217]

Nice video sir ❤

[@YahooBaba]

Thanks

[@lovishgoyal2814]

Sir make complete paid course of media query

[@humanbeing9106]

sir dekho plss aap muje batao request hai sir aapki saari videos mai step by step dekh raha hoo even ab wifi bhi lagwa raha hoo aapki videos dekhne ke liye so plss media queries kaise or advanced ache se sikhu plss help me sir

[@YahooBaba]

Hello dear, Media Query ka kush advance nahi hai, jo meine es video mein bataya hai bus wahi hai. Ab aapko Template banake media query ki practice karni hai.

[@humanbeing9106]

thank you so much sir mai aapke step by step tutorials follow kr raha hoon even hamara whats aap group bhi sir and sir sir hum jaante hai aap jo hame study de rahe hai wo priceless hai sir fir bhi aap hame koi aisa system de dijie jaha hum apno marzi se aapko supports kr sake thanks you so much sir

[@yadniksn6657]

Thank u for such great vdo. Sir, Plz design a simple responsive website by using css grid. I saw all lectures of css grid from playlist but not able to use when comes to responsive layout. It's humble request 2 u.🙏🙏

[@binarybulletin]

Yes also not satisfying to this video this use only color but we want use in website with many components

[@NoTimeWaste1]

Dhanyavad 🙏

[@MyGamingEra]

best explained

[@hassanfahad-d1p]

good work

[@SajadHussain-hr3hi]

sir kia bootstrap mein madia screen use karte hain ya nhi

[@priyankabhaurjar]

Sir pls navigation bar and menu bar ka ek responsive video upload kr dijiye... Bohat confusion ho raha h pls... Pls sir

[@YahooBaba]

Menu bar pe toh video banaye hue hai : ruclips.net/p/PL0b6OzIxLPbyeyJYuQheeeVTjivG759Jm
Lekin wo responsive nahi hai. Responsive video bhi jaldi he bana dunga.

[@AdarshSingh-qd6mq]

Hi, every video is awesome you covered all the things In depth, I have 1 requirement. Can you make a video or give me suggestion regarding APPLE devices media query in which we are using "device-pixel-ratio" etc. What does it mean and how it works, kindly help me because in lots of interviews they ask me. I know but not in depth. Hope you can help anyhow...

[@chitrangjoshi1184]

Sir pls.make video rwd grid system in css please 🙏🏻

[@rashiarya57]

Thank you so much!

[@YahooBaba]

You're welcome!

[@rizwanukmalik8791]

Sir ham css kai konse version mai ayaise likhte hai
@media(max-width:768px){content}

[@YahooBaba]

CSS 3.0

[@prisinha]

3:50 reserved keywords which are used along with media screen

[@jauadhasan3365]

U r best

[@YahooBaba]

THanks :)

[@jauadhasan3365]

Most welcome

[@sakilhossain831]

Sir making a curve text responsive video ...!

[@mbtrading275]

@yahoo Baba
10:16 can not understand where use it
#test{
width: 100px;
height: 100px;
background: gold;
position:sticky;
top:30px;
left:100px;
}
can not see the last point of html, plz help

[@mtex448]

have you found it ?

[@sktamim_01]

Thanks sir❤️❤️❤️

[@YahooBaba]

Most welcome

[@rizwanchoudhry3469]

Thank you sir👍

[@YahooBaba]

Most welcome

[@almahdi2877]

nice explanation..

[@YahooBaba]

Thanks Al Mahdi :)

[@DK-rk9vi]

Very Nice sir

[@muhammadwaqas2476]

media querie main sirf max-width ka practical kar k batya ha baqi querie ko define kia ha kindly baqi queries ko b difne kar dain ta k pta chal sky un ka use kia ha.

[@amolpathakndb]

great video sir ji.... but what about print media queries??

[@YahooBaba]

Actually I have no Printer , so how can i show you the results of print media.

[@amolpathakndb]

@@YahooBaba on print preview sir ji..
Sorry you are our teacher,i don't mean to teach you. But yeah i inspired by your teaching. I tried print media and saw the result in print preview. Thanks

[@NiteeshMishra-s5i]

Sir isse hum @import , Property se bhi to kr skte Hain na ., then

[@YahooBaba]

Yes kar sakte hain

[@prisinha]

0:22 types of media

[@hardevsinghbijarniyahardev3755]

Thanks 🙏🙏🙏🙏🙏

[@YahooBaba]

Welcome

[@naitikkathiriya]

sir i want to ask that didn't u made any others videos or tutorials related to mediaqueries...?! if there any so important or advanced, plz make it. thank you,.

[@pritpalsingh4211]

Aap ne pehle break point par content
aur sidebar ki width ko % me diya hai aur work bhi kar rahi hai lekin doosre break point par aap ne content aur sidebar ki koi % me width nahi di hai lekin phir bhi wrapper ki width ke sath content aur sidebar ki width automatically kam ho rahi hai. Kindly explain it.

[@Laxmanytp]

Mera blog kuchh Mobiles phone mobile responsive work kar rha but kuchh aese mobile hai jinme mera blog mobile responsive work nhi kar rha , mere kahne ka matlab hai ki kuchh Mobiles phones me screen mobile friendly nhi chal rhi hai please bro help me please

[@YahooBaba]

Blog ka link send karo

[@Laxmanytp]

@@YahooBaba youthclubbairasar.blogspot.com/
Ye mera blog ye kuchh phones me to mobile responsive work kar rha hai but kuchh aese phones hai jinme ye mobile responsive kaam nhi kar rha hai please sir help please plz plz

[@Laxmanytp]

@@YahooBaba aap please mujhe apna contact number do naa main aapko screen shot ke saath sab datails bhej duga , please sir help me please

[@Laxmanytp]

@@YahooBaba mera whatsapp number [phone]

[@YahooBaba]

Maine check kiya hai sab kuch tikh dikha rha hai. Agar kuch problem hai toh screenshot aap mere email pe send kar dijiye : [e-mail]

[@Meisterilyas_333]

❤❤❤❤❤🎉🎉🎉🎉🎉

[@CallMeKRSNA]

Excellent

[@YahooBaba]

Thank you so much 😀

[@prisinha]

5:00 media screen example

[@usmanshahid8529]

Sir media querie ka koi or easy way ha ? Button ki media querie buht tough hoti ha ,har break p text overflow ho jata ha ? Kia ap guide kr sakte ha ? Or koi easy way bh bta den responsive krne k . Plz ans me

[@YahooBaba]

Dear button mein text toh overflow karta he nahi hai .... aap kuch galat kar rahe ho.Apna code yha paste kijiye ya mujhe email kijiye : [e-mail]

[@deepikadattera9938]

Hello sir...you make everything easier than anyone.....but I've problem with this....mere pc me media query response nhi kr rha h ...plz help me🙏

[@YahooBaba]

Aap kaunsa browser use kar rahi ho aur uska version kya hai ?

[@deepikadattera9938]

@@YahooBaba google chrome

[@YahooBaba]

On google chrome Media Query is works fine. can you send me your code on my email [e-mail]

[@deepikadattera9938]

@@YahooBaba sure sir

[@anjalipatel3786]

Thank you so much

[@YahooBaba]

You're most welcome

[@MuhammadHamza-ch7dt]

WordPress ka course b upload karo

[@muhammadihaideri3330]

Sir flutter ka tutorial banao

[@maheshsone4915]

kya aap pure video banaoge media query par

[@YahooBaba]

Hello Mahesh bhut jald media @print par humari video aani wali hai.

[@epicfacts9435]

@@YahooBaba when sir

[@sheikhal-jami969]

Thanks A Lot

[@YahooBaba]

Your welcome :)

[@PMARQS]

nice way

[@YahooBaba]

Thanks

[@lokeshkasanavlogs7218]

Sir please make some responsive website tutorials

[@YahooBaba]

Coming Soon

[@mtex448]

hi My media query on designed page is not working, and also you added one extra #test class in css but I didnt see that in the previous videos.

[@YahooBaba]

Send your code folder at my email id : [e-mail]
I will check it.

[@khanbhatti8691]

Thanks sir

[@mdrashidhussain7168]

Sir jaise screen ka size 400 ho waise hi h1 ka font size 18px ho Jaye kya kren
@mediaquery (max-width:400)
{
H1
{
Font-size: 18px;
}
}
Correct hai???

[@YahooBaba]

Apka css code wrong hai :
@media screen and (max-width: 400px) {
h1{
font-size:18px;
}
}

[@mdrashidhussain7168]

@@YahooBaba yes sir..

[@mdrashidhussain7168]

Thanks

[@PradeepSharma-wd3zl]

Media queries me hum max - width ko % or px me bhi de sakte hai

[@YahooBaba]

Yes Media Query mein aap dono units use kar sakte ho : % or PX

[@Nishant12375]

Sir ye aapka first video h jo..smjh nii aaya 😤😤....complete HTML5 or CSS3 or js v kaafi aacha smjh aaya ...pr ye smjh nii aaya🙂

[@YahooBaba]

Nishant ye Media Query ka use tab karte hai jab apko Mobile Responsive website banani ho. App video dekh kar practice kijiye aapko aajayega samajh. Mera ek suggestion hai jo bhi video dekhte hai uski practice jaroor kijiye nahi toh 1 month mein hi bhool jayenge.

[@Nishant12375]

@@YahooBaba sir proper html css pr project bna rha hu..ki kchh bhulu nhii....lakin sir avi tk ek v responsive project nhi banaya...sir aap ek or media query pr video bna doo🙂

[@YahooBaba]

Nishant yah Maine sabse easy Karke video banaya hai. Main isse Jyada easy Karke aur Nahin banaa Sakta.

[@Njtechneeraj]

Nice video

[@kamranmohsin2465]

Sir, I add Bootstrap files Css & Js file. in my wordpress website, but error has come at chrome console please help me. thanks in advanced

[@milankanti51]

Thank you Sir

[@YahooBaba]

Your welcome :)

[@mukarram_meo]

Hello Sir , Where are you from ?

[@YahooBaba]

I am from Ambala, Haryana (INDIA)

[@bishwamishra2412]

@media likhna kaha pe hai html me yaa fir css me??

[@YahooBaba]

Dost jab aap CSS kar rahe ho toh CSS mein hi likho ge ....... :)

[@bishwamishra2412]

aur agar kisi slide ka v @media karna ho to kaise kare??

[@YahooBaba]

Slide se aapka kya matlab hai ?

[@bishwamishra2412]

jaha pe ham apne photos ko ek hi div me rakhke 1 k bad 1 show karwate hai naa

[@YahooBaba]

Is par toh ek video banani padegi... mein koshish karunga ki jald hi is par ek video banadun.

[@vikramadityasingh6353]

hey, i am not able code.
i codes same as given in viedo but still scroll is showing

[@YahooBaba]

Paste ur code here or email me at [e-mail]

[@vikramadityasingh6353]

@@YahooBaba

@media

body{
background:white;
font-family:arial;
font-size:100px;
}
@media screen and(max-width:1200px){
body{
background:pink;
font-size:70px;
}
}
@media screen and(max-width:800px){
body{
background:darkseagreen;
font-size:40px;
}
}
@media screen and(max-width:600px){
body{
background:lightskyblue;
font-size:20px;
}
}



vikramaditya

[@vikramadityasingh6353]

i posted the link,please tell where is mistake.

[@vikramadityasingh6353]

Thanks @Vishwakarma Arvind

[@moviesrd9526]

Sir apne
#sidebar{
width:18% isme apne ; yeh nhi lgaya
}

[@YahooBaba]

Agar kisi selector mein ek he property use ki ho toh usmein (;) semicolon ki zaroorat nahi hoti.

[@moviesrd9526]

@@YahooBaba ok sir

[@moviesrd9526]

sir ek or chij puchne hai maine pura youtube chan mara fir bhe nhi pta lg rha
sir jaise hmne ek site mai postion fixed or absolute di ha toh absolute jo property hai fixed ke uper se jati ha iska koi solution hai
ya mere coding ma galti ha

[@moviesrd9526]

yani ki absolute uper dikhta ha jb scroll krty ha or fixed uske niche a jata ha

[@YahooBaba]

Dear jab bhi position absolute ya fixed use karte hain toh iske sath aapko "z-index" css property bhi use karni hoti hai. See this video :
ruclips.net/video/5S2fNVdr-zU/видео.html