css media queries | css media queries tutorial in hindi | responsive web design | media queries

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

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

  • @aashurajput6644
    @aashurajput6644 2 ปีที่แล้ว +7

    finnaly my all doubt solved thnku sir

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

      You are beautiful ❤️

    • @zubairmanzoor8125
      @zubairmanzoor8125 3 หลายเดือนก่อน

      @@sksalman3346 buububauauaaaaa

  • @sunnyjutt-uj9bo
    @sunnyjutt-uj9bo 2 หลายเดือนก่อน

    Sir your video is very helpful.i have watched many videos,but this video is best of all🎉🎉🎉🎉🎉🎉

  • @Usama-c1i
    @Usama-c1i 9 หลายเดือนก่อน

    very nice sir g very nice slowly slowly learn kr wa ta hein very nice

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

    KAMAL KA BATAYA SIR MAJA AA GAYA ☺️💕👌👌👌👌

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

    your are good teacher apki ye video he pahli video dikhi mujy is topic mian masla hu raha tha but apko video dikh k acha acha thank u sir

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

      Glad it helps u

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

    great work keep it up

  • @sabirkhan-ln8lb
    @sabirkhan-ln8lb ปีที่แล้ว

    Bhut he badiya tarika se bata thanks

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

    Bhai mzaa aagya kisi channel ka smj nhi arha tha mujhe finally got it❤
    Thanks Bhai smj aagya😊

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

      Glad it helps you❤️

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

    Very good presentation and excellent explanation, all my doubts clear now

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

      Glad it helps u

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

    Love you yrr, you are only one jisk baat samjh aaii mujhe

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

      Bhai rulaoge ky❤️❤️😂😂😎😎

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

    This is very usefull video..

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

    This is good video for Responsive property.👍👍👍

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

    Waah dimaag se pura dout clear ho gaya.....Each and every concept explained deeply. TSM

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

    Keeep teaching us ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

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

    Helpfull video and nice explanation

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

    Really Really awesome sir

  • @Key2Blogging
    @Key2Blogging 3 ปีที่แล้ว +6

    Very helpful 👍, way of teaching is very Good. Thanks for this video.

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

      Ur welcome 😇😇

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

      @@HeavyCoding Exactly the way to make understand is really awesome.

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

      Thnku ❤️

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

      @@HeavyCoding notepad me media query ka use kar rahe hai
      Google Chrome me open kiye hai
      Web page per sahi chal Raha hai but
      Yadi use inspect karke responsive karke chota kar rahe hai to kam nahi kar raha hai
      Aur web page arround 350px se kam nahi ho raha hai
      Kya kare

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

      @@abhishektiwari2643 meta viewport lagaya h apne?? jarwaltech25@gmail.com please share the code

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

    Really helpful

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

    Best ever video for responsive website ☑️☑️

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

    i spend my whole day and finally got this vedio great work keep it up....

  • @D.ksongs-c
    @D.ksongs-c 9 หลายเดือนก่อน

    Bundle of thanks sir ❤❤❤

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

      Glad it helps you

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

    thank you
    very good explanation

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

    intersting video

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

    Aamazed u explain . thank u sir

  • @m.kbhardwaz2884
    @m.kbhardwaz2884 3 หลายเดือนก่อน

    Very good explanation.

    • @HeavyCoding
      @HeavyCoding  3 หลายเดือนก่อน

      Glad it helps u

  • @DevenderSingh-yo9hu
    @DevenderSingh-yo9hu ปีที่แล้ว

    A teacher makes study intresting and you proved it sir

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

    U r great 👍

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

    very nice explanation...please come up with more media queries lecture

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

    Beautiful explanation....☺️
    Each and every concept explained deeply.
    Thank you 😊

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

    Thanks sir Really Helpful for me>

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

      Ur warmest welcome

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

    Really very helpful clear all doubts ❤

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

      Glad it helps u

  • @bollywoodmusic125-i3t
    @bollywoodmusic125-i3t ปีที่แล้ว

    Jordar explain bhai 👏

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

    Awesome bro

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

    Thanks for clearing my doubt about responsive design 🙌❤️

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

    Nice explanation sir😊

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

      Glad it helps you❤️

  • @Coder7.0
    @Coder7.0 ปีที่แล้ว

    Thank you so much sir....

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

    Thanks Sir 🙏

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

    moj kr di guru ji

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

      😂😂thnku bro❤️❤️

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

    Superb ❤sir

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

    Kindly it is our request, responsive projects banate raho ❤️❤️❤️❤️❤️❤️❤️❤️❤️

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

      Surely will make❤️

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

    Nice Explanation ...☺️☺️😌

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

      Thnku...❤️ You can follow on Instagram for tips & tricks @heavy_coding

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

      Sure I will 🌸

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

    thanks

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

    Thanks a lot

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

    Nice video 📸

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

    thanks a lot brother.

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

    Great

  • @al-masabtech9208
    @al-masabtech9208 2 ปีที่แล้ว

    Thanks for this video

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

    Nice👍
    Just hit the century🤩

  • @PardeepKumar-vk5sc
    @PardeepKumar-vk5sc 3 ปีที่แล้ว +1

    god job 💯💯💯% sir

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

    Nice information 👌

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

    Thanks sir

  • @madhurasarkar8117
    @madhurasarkar8117 3 หลายเดือนก่อน

    well explained thank you

    • @HeavyCoding
      @HeavyCoding  3 หลายเดือนก่อน

      Glad it helps u

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

    tnx

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

    thanku bro

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

    Bhai really helpfull...keep it up bro

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

    thank you😍
    this is my first comment on youtube😅

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

    super

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

    Very helpful

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

    Your teaching skill is so good. It can be the best Media Q tutorial. Thanks

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

      Ur warmest welcome❤️

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

    aswsome💖

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

    Osm

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

    Thanks 👍

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

    Watch full video so that u don't have to watch any other video 😊

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

    Thank u 😍

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

    Nice bro. Aap ek pura web development and react native app developmet ka course banaiye plzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz,again 👍nice

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

      Web development.. front end ho chuka h.. back end chlra h php...

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

    sir responsive website ke liye bas yahi sikhna hai na or kuch toh isme add nahi hai na sir

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

      Ye iska basic h ki responsive isi trh work krta h... but apko kuch template design krke practice krni pdegi...navbar wgera...or bootstrap bhi aage sikhna pdega...navbar apko playlist m mil jaegi responsive

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

    Really great 🥰

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

    sir today after watching your video i make this, can you pls help me by replaying where i can improve it, thanks

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

      Glad it helps you... But i can't get ur point?

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

      @@HeavyCoding sir, i share my code in comment section, can you pls look at it, and also tell me my mistakes and wrong points, so that i can improve them, i am a beginner so it will help me up😇

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

      @@arunabha09 mail your code jarwaltech25@gmail.com

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

    From 🇧🇩

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

    op sir

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

      Glad it helps you

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

    ek bar table ko and div ke andar image ko responsive kar ke batao?

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

    HTML CSS aur javascript me career hai?

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

    Hi .. it's a great explanation... But I have a doubt... I have placed 4 media queries in my CSS ... Everything is working fine but exactly at the break point the design is taking the shape of both media queries... How to fix it?

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

      First start with lower break point.. ex. 365 then 546 then higher

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

      ​@@HeavyCoding hi pls reply width height kaise le
      % pixel

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

    Sir.. I would like to talk about, that I have found your one info is wrong in 8:41
    maximum width is 768px then how it could be minimum width 999 px . This rule will not be apply for the particular HTML page....please let me know if I am wrong....🤔🤔🤔🤔🤔🤔

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

      Watch again the starting part in which i have told in presentation

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

    what is the role of @ in css properties and selectors

    • @SR-rh8hb
      @SR-rh8hb 2 ปีที่แล้ว

      To trigger a particular Element

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

    hi, hope u r well sir, I want to know my media query some time work well but some time same code not working... plz acknowledge me thnks

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

      Make sure you hard refresh the browser + don't copy the entire above code.. rewrite only those you have to change when the website is in mobile or other device

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

      @@HeavyCoding I make hard refresh and not copy of entire code but sometimes not working some same code work... im worry about this

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

      Then your breakpoint is not working

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

    ap sir please esy he thora zada work kr k he koi be topic explain kya krin achy sy samj ata hia warna to teacher bas ak dive bani or responvie kr k dikha di esy esy smaj nh ata mujy esa lecture he chahay tha or apk channel abi subscribe kya abi tovideo puri dikhi be nh matlb sath sath practice kr rahi hun to comment krny ko dil kya

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

    Sir write again code for every media queries in website?

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

      I can't get you...what you wanted to say

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

      @@HeavyCoding sir mtlb agr har media queries k leye naya code type krna padega

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

      Yes u've to do .... Use bootstrap instead of this

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

    I wanna create one website but I have problem when I start type the code after the completion my page that time I realised this media queries are must because of our website 95% people see website but I put it bootstrap css file but can't work so plz help me sir my work is stuck only this topic..... Plz help me

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

      Dm me @heavy_coding insta

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

    Can i get the code?

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

      mail me jarwaltech25@gmail.com

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

    sir mene ek website design ki hai toh usme 500 lines css hai toh ab mujhe renponsive ke liye har tag ke lliye media queries likh sir samj ni aa rha renponsive kese karu help me sir

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

      Responsive to aapko krna hi pdega and... Jo necassary h sirf usko reponsive krlo... Ya aap bootstrap pr banalo..yahi choice h... 500 lines are not high

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

      @@HeavyCoding sir samaj ni aa rha kese kru renponsive ye problam hai help me sir

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

    Bro can you please help me?
    I'm encountering some problems when I inspect my HTML file.
    Some error is shown in the favicon in the console section of my web browser.
    And I tried to make the website responsive, there's also some problem , when i save the required data in my html file, that is also not working..

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

      Send your code jarwaltech25@gmail.com

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

      I have sent you the file as a Google drive link.

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

      Sure let me check when i get free

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

    Bakwwas bahot kiyaa kuch code karke bataa

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

      jitna ata h bhai bata dia... ek video banado jisse mrko bhi smjh aajae

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

    thanks a lot