CSS Media Queries Tutorial in Hindi / Urdu

In this tutorial you are going to learn css media queries for responsive layout design in hindi, urdu language.You can learn how to make different css for mobiles , tablets , laptops and different monitor sizes.In this video we cover in detail about @media screen.

Пікірлер: 263

  • @joshim9113
    @joshim91133 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks a ton

  • @amank.1147
    @amank.1147Ай бұрын

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

  • @muhammadmusab7574
    @muhammadmusab7574 Жыл бұрын

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

  • @whatsnewnow4469
    @whatsnewnow44693 жыл бұрын

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

  • @naitikkathiriya
    @naitikkathiriya3 жыл бұрын

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

  • @Timed-Automaton
    @Timed-Automaton2 жыл бұрын

    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

    @YahooBaba

    2 жыл бұрын

    Thanks and welcome Zubair :)

  • @kishorisahoo6088
    @kishorisahoo60882 жыл бұрын

    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

    @YahooBaba

    2 жыл бұрын

    Thanks and welcome

  • @kishorisahoo6088

    @kishorisahoo6088

    2 жыл бұрын

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

  • @manishkumar-bw5iv
    @manishkumar-bw5iv2 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    You are most welcome

  • @mudusarmalik9345
    @mudusarmalik93452 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Thanks a lot

  • @Learnwebcode1
    @Learnwebcode110 ай бұрын

    All of the best tutorial ❤❤❤

  • @tanveerahmad8455
    @tanveerahmad84552 жыл бұрын

    thanks Sir very Helpful lecture

  • @naveenpawar8052
    @naveenpawar80523 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thank you so much 😀

  • @akhileshyaduwanshi6008
    @akhileshyaduwanshi60084 жыл бұрын

    bahut badiyaan excellent tutorial...!!!

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks for liking :)

  • @OmanIqbal
    @OmanIqbal4 ай бұрын

    your videos so useful

  • @YahooBaba

    @YahooBaba

    4 ай бұрын

    Glad you like them!

  • @renu2242
    @renu22423 жыл бұрын

    Your explanation is too good, thanks,from Bangladesh

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks and welcome

  • @HammadKhan-ik8ru
    @HammadKhan-ik8ru4 жыл бұрын

    Comprehensive 😍

  • @mkamranusmanipk
    @mkamranusmanipk2 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Thanks for liking

  • @lahoremeindehat
    @lahoremeindehat2 жыл бұрын

    so helpfull & easy methods u teach sir love from Pakistan

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Your most welcome :)

  • @lahoremeindehat

    @lahoremeindehat

    2 жыл бұрын

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

  • @jaichandyadavjc5104
    @jaichandyadavjc51043 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Glad you liked it

  • @mohammadsumairfarooq2282
    @mohammadsumairfarooq22823 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Glad you liked it

  • @vedanshmittal4810
    @vedanshmittal48104 жыл бұрын

    superb property taught by superb teacher

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks Vedansh for appreciating my work :)

  • @arafathossain6739
    @arafathossain67392 жыл бұрын

    always watching your video sir, love from Bangladesh

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Thanks a ton

  • @humanbeing9106
    @humanbeing91065 жыл бұрын

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

  • @imranamin369
    @imranamin3692 жыл бұрын

    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

    @wajahatali8427

    2 жыл бұрын

    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

    @Vicky2000p

    2 жыл бұрын

    @@wajahatali8427 Yes True

  • @NoTimeWaste1
    @NoTimeWaste1 Жыл бұрын

    Dhanyavad 🙏

  • @AdarshSingh-qd6mq
    @AdarshSingh-qd6mq5 жыл бұрын

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

  • @umairsajjad7917
    @umairsajjad7917 Жыл бұрын

    Thanks bro u'r great

  • @GreatTimeAlwaysTakeTime
    @GreatTimeAlwaysTakeTime Жыл бұрын

    really Amazing sir

  • @yadniksn6657
    @yadniksn66574 жыл бұрын

    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

    @binarybulletin

    2 жыл бұрын

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

  • @chitrangjoshi1184
    @chitrangjoshi11844 жыл бұрын

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

  • @codewithreayaj7176
    @codewithreayaj71762 жыл бұрын

    this is my best channel

  • @shaileshyadav5573
    @shaileshyadav55733 жыл бұрын

    Thank you I understand media queries

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Good

  • @naitikkathiriya
    @naitikkathiriya3 жыл бұрын

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

  • @SS-ul4mk
    @SS-ul4mk Жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    Жыл бұрын

    Thanks and welcome :)

  • @mdhasiburrahmannafiz9984
    @mdhasiburrahmannafiz99844 жыл бұрын

    😍😍😍

  • @jugnoo0794
    @jugnoo07942 жыл бұрын

    Thank you sir ☺️😍

  • @lovishgoyal2814
    @lovishgoyal28144 жыл бұрын

    Sir make complete paid course of media query

  • @ajaykr6253
    @ajaykr62532 жыл бұрын

    Good video bro ❤️❤️❤️❤️

  • @DK-rk9vi
    @DK-rk9vi5 жыл бұрын

    Very Nice sir

  • @jagdishjena9058
    @jagdishjena90584 жыл бұрын

    superb video sir...

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks Jagdish :)

  • @rudro2123
    @rudro21232 жыл бұрын

    awesome sir.

  • @almahdi2877
    @almahdi28775 жыл бұрын

    nice explanation..

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Thanks Al Mahdi :)

  • @codewithreayaj7176
    @codewithreayaj71762 жыл бұрын

    sir you are greate,

  • @Meisterilyas_333
    @Meisterilyas_333Ай бұрын

    ❤❤❤❤❤🎉🎉🎉🎉🎉

  • @sonamyaduvanshi6128
    @sonamyaduvanshi61283 жыл бұрын

    U r best teacher

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Thanks a lot

  • @ranjitbeck9603
    @ranjitbeck96035 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Thanks Ranjit :)

  • @studentbengal4043
    @studentbengal40434 жыл бұрын

    Very nicely explained

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thank you so much 🙂

  • @ASHISHYADAV-iv6wb
    @ASHISHYADAV-iv6wb2 жыл бұрын

    thank u so much good tutorial

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    You are welcome!

  • @yogeshsaini254
    @yogeshsaini2543 жыл бұрын

    ❤❤❤❤❤❤❤❤❤❤

  • @yogeshsaini254
    @yogeshsaini2543 жыл бұрын

    🤩🤩🤩🤩🤩

  • @devashrikumawat3843
    @devashrikumawat38432 жыл бұрын

    Very nice explaination

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Thanks and welcome

  • @bekind9638
    @bekind96383 жыл бұрын

    Bhai your op

  • @rashiarya57
    @rashiarya572 жыл бұрын

    Thank you so much!

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    You're welcome!

  • @niteshchaurasiya1531
    @niteshchaurasiya15313 жыл бұрын

    Nice Video Sir

  • @milankanti51
    @milankanti514 жыл бұрын

    Thank you Sir

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Your welcome :)

  • @sheikhal-jami969
    @sheikhal-jami9694 жыл бұрын

    Thanks A Lot

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Your welcome :)

  • @akashharijan9217
    @akashharijan92174 жыл бұрын

    Nice video sir ❤

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks

  • @manaswishige3745
    @manaswishige37453 жыл бұрын

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

  • @technicalbot2961

    @technicalbot2961

    3 жыл бұрын

    we use .

  • @SajadHussain-hr3hi
    @SajadHussain-hr3hi20 күн бұрын

    sir kia bootstrap mein madia screen use karte hain ya nhi

  • @adilanwar1705
    @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 🇵🇰

  • @rajnimaraskolhe371
    @rajnimaraskolhe3713 жыл бұрын

    i love your voice ❤❤

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks :)

  • @sakilhossain831
    @sakilhossain8313 жыл бұрын

    Sir making a curve text responsive video ...!

  • @MyGamingEra
    @MyGamingEra Жыл бұрын

    best explained

  • @rizwanukmalik8791
    @rizwanukmalik87914 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    CSS 3.0

  • @snatamkamila8821
    @snatamkamila88213 жыл бұрын

    love it

  • @kamranmohsin2465
    @kamranmohsin24653 жыл бұрын

    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

  • @pritpalsingh4211
    @pritpalsingh42113 жыл бұрын

    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.

  • @prisinha
    @prisinha2 жыл бұрын

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

  • @lokeshkasanavlogs7218
    @lokeshkasanavlogs72185 жыл бұрын

    Sir please make some responsive website tutorials

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Coming Soon

  • @anjalipatel3786
    @anjalipatel37863 жыл бұрын

    Thank you so much

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    You're most welcome

  • @dineshchandra3805
    @dineshchandra38054 жыл бұрын

    Thanks

  • @JustForProgrammers
    @JustForProgrammers4 жыл бұрын

    Best of Luck

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks :)

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

  • @mdhasiburrahmannafiz9984
    @mdhasiburrahmannafiz99844 жыл бұрын

    where have you been all this time??

  • @khanbhatti8691
    @khanbhatti86912 жыл бұрын

    Thanks sir

  • 5 ай бұрын

    best best best

  • @priyankabhaurjar
    @priyankabhaurjar3 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Menu bar pe toh video banaye hue hai : kzread.info/head/PL0b6OzIxLPbyeyJYuQheeeVTjivG759Jm Lekin wo responsive nahi hai. Responsive video bhi jaldi he bana dunga.

  • @yashaban8069
    @yashaban80694 жыл бұрын

    Please send the video link how to make responsive. By css html

  • @jauadhasan3365
    @jauadhasan33653 жыл бұрын

    U r best

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    THanks :)

  • @jauadhasan3365

    @jauadhasan3365

    3 жыл бұрын

    Most welcome

  • @hardevsinghbijarniyahardev3755
    @hardevsinghbijarniyahardev37553 жыл бұрын

    Thanks 🙏🙏🙏🙏🙏

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Welcome

  • @CallMeKRSNA
    @CallMeKRSNA4 жыл бұрын

    Excellent

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thank you so much 😀

  • @humanbeing9106
    @humanbeing91065 жыл бұрын

    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

    @YahooBaba

    5 жыл бұрын

    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

    @humanbeing9106

    5 жыл бұрын

    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

  • @PMARQS
    @PMARQS3 жыл бұрын

    nice way

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks

  • @mr__atiur
    @mr__atiur4 жыл бұрын

    Thank you

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    You're welcome

  • @amolpathakndb
    @amolpathakndb4 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

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

  • @amolpathakndb

    @amolpathakndb

    4 жыл бұрын

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

  • @mtex448
    @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

    @YahooBaba

    Жыл бұрын

    Send your code folder at my email id : hello@yahoobaba.net I will check it.

  • @hinafaheemofficial7352
    @hinafaheemofficial73523 жыл бұрын

    Sir media query ka link dena parhta h hamy kia?

  • @user-vg5fr2jm6w
    @user-vg5fr2jm6w5 ай бұрын

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

  • @YahooBaba

    @YahooBaba

    5 ай бұрын

    Yes kar sakte hain

  • @MuhammadHamza-ch7dt
    @MuhammadHamza-ch7dt2 жыл бұрын

    WordPress ka course b upload karo

  • @yashaban8069
    @yashaban80694 жыл бұрын

    Sir media queries not working I tried lot but my pages content and div getting dismiss margin here there . How to fix this issue Thank u

  • @sahilrao8182

    @sahilrao8182

    4 жыл бұрын

    use although i am sure you find the solution now, this is for the new comers who see the comment

  • @syedhamza2326

    @syedhamza2326

    3 жыл бұрын

    @@sahilrao8182 still doesn't work

  • @PradeepSharma-wd3zl
    @PradeepSharma-wd3zl4 жыл бұрын

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

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

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

  • @Laxmanytp
    @Laxmanytp4 жыл бұрын

    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

    @YahooBaba

    4 жыл бұрын

    Blog ka link send karo

  • @Laxmanytp

    @Laxmanytp

    4 жыл бұрын

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

    @Laxmanytp

    4 жыл бұрын

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

    @Laxmanytp

    4 жыл бұрын

    @@YahooBaba mera whatsapp number +919983408725

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Maine check kiya hai sab kuch tikh dikha rha hai. Agar kuch problem hai toh screenshot aap mere email pe send kar dijiye : hello@yahoobaba.net

  • @sagarkumarrana3353
    @sagarkumarrana33534 жыл бұрын

    first i wrote @media screen it didnt work but after writing @media only screen its working

  • @Pratsams

    @Pratsams

    4 жыл бұрын

    kzread.info/dash/bejne/nZ2G2siCh5C2dLQ.html Check out this video

  • @prisinha
    @prisinha2 жыл бұрын

    0:22 types of media

  • @Laxmanytp
    @Laxmanytp4 жыл бұрын

    Sir aapka email btaa dijiye... Please

  • @usmanshahid8529
    @usmanshahid85294 жыл бұрын

    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

    @YahooBaba

    4 жыл бұрын

    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 : hello@yahoobaba.net

  • @ritikkushwaha3355
    @ritikkushwaha33554 жыл бұрын

    nice

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks Ritik :)

  • @prisinha
    @prisinha2 жыл бұрын

    5:00 media screen example

  • @faizanrana9049
    @faizanrana90493 жыл бұрын

    min width or baki dosri properties????

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