This man could have earned millions of rupees by selling this course, yet he chose to keep it free for us. Harry deserves much respect. 🙌 #SigmaBatchOP
Guys!! If you are confused to follow this course. I am telling you this type of course is worth it. don't confuse just follow this course. Sigma batch OP Proud to be Sigma Army.
Thank you Harry Sir for your incredible, free TH-cam content. Your tutorials have been invaluable on my coding journey. Your dedication to teaching is greatly appreciated.
Harry bruh ❤❤🎉 Thank you for your incredible, free TH-cam content. Your tutorials have been invaluable on my coding journey. Your dedication to teaching is greatly appreciated.
CSS media queries are used to apply different styles to a document based on various characteristics of the device or viewport, such as its width, height, resolution, and other features. Media queries enable you to create responsive designs that adapt to different devices or screen sizes. They are commonly used in conjunction with CSS to implement responsive web design. Basic Structure of Media Query: @media media-type and (media-feature) { /* CSS rules to be applied when the media query conditions are met */ } 1.@media: This is the at-rule that defines a media query. 2.media-type: Specifies the type of media to which the styles apply. Common values include screen (for computer screens), print (for printed pages), and all (for all media types). The screen type is most commonly used for web development. 3.media-feature: Describes the characteristics of the targeted device or viewport, such as max-width, min-width, orientation, etc.. Media Query play a crucial role in responsive web design by adapting layouts and styles to provide an optimal user experience across a variety of devices and screen sizes.
harry bhai, left side se folder wali side hata lia karo vscode mai. Thoda easy ho jata hai view. And you are doing a great job. :)) Also aapki wait kar Raha hu, playlist bookmark karvane ke bahane Milne to aaoge mere ghar😅😂
[ CSS 2 --> Media Rule ] then in [ CSS 3 --> Media Tool ] ::::: - For the purpose of making responsive Websites, 'Responsive' in the sense of it's ability to adapt according to the different sizes of devices, the website is being accessed through. SYNTAX :- @media screen and (property : ) { css code } @media only screen and (property : ) { css code } @media not screen and (property : ){ css code } Here, property can be (max-width : 12px), (min-width : ), (orientation : )
Love absolutely every part from intro till end. Is it just me or does it get difficult to manage listening him, watching the changes and coding it simultaneously . This might be are the only videos I need to slow down the playback speed ;)
🎯 Key Takeaways for quick navigation: 00:00 📱 *Media queries are essential for responsive web design, adjusting styles based on device characteristics.* 02:23 📏 *Media queries syntax includes `@media` with optional `only` or `not` keywords, specifying the media type (e.g., screen), and conditions like `max-width`.* 04:52 🖥️ *Example of a media query: `@media only screen and (max-width: 455px) { ... }`, adjusting styles for screens with a maximum width of 455 pixels.* 08:13 🔄 *Breakpoints in media queries help customize styles for different device categories, enhancing the responsiveness of the website.* 09:39 🔄 *Use `orientation` in media queries to targetspecific screen orientations, adjusting styles accordingly (e.g., `landscape` or `portrait`).* Made with HARPA AI
Aisi kahani sunaaonga jaise daada ji sunate the poton ko 💀 1:51 by the way harry bhai is my favorite teacher for coding. ❤ #SigmaBatchOP Playlist Link: th-cam.com/play/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w.html&si=fIH-xQla6vMhyS2d
Hi sir, thank you for your sigma web development course. I am from Bangladesh. I show you all course. I know hindi but understand hindi. Sir please more use English in your course.
harry bhai sub se phly to apka jo course hy ap koi jis proper nai bata thy or bus ap ikhna start krden thy hu or samjhty kam hu aesa thori learn krwaye jata hai
Thank you for your incredible, free TH-cam content. Your tutorials have been invaluable on my coding journey. Your dedication to teaching is greatly appreciated.
THANK YOU SOO MUCH...I HAD A CLIENT WHO WANTED A RESPONSIVE WEBSITE AND IT WAS DONE BUT WASNT RESPONSIVE AND I STRUGGLED HOURS FIGURING OUT HOW TO MAKE IT RESPONSIVE AND ITS FINALLY PERFECT!!!! THANK YOU SOOOOOO MUCHHHHHHHH, YOURE A LIVE SAVERR.
lesson toh bohot accha dete ho bhai but thoda jaldi video upload karo bcz i already completed lat 31 videos & now i'm waiting for next video.........😑😑😑😑😑😑
6:10 The secret reason why Harry bhai uses 344 is just ki vo aalsi hai aur ye keys pas pas m hai….
Isley sb time bachao, aur #SigmaBatchOP krdo😂❤
saari baate ek traf.
VDO end hone k bd ki jo music hai n. earphones lgaa k VDOs dekhta hu.
Mzaa a jata hai.. OSM h bhai
🔥🔥🔥🔥
maza aa jata hai , fir se energy level high , full of enthusiam!!
Mai fist video se comment talash kr rha ki koi music ke bary me baat kyun nhi kr rha ❤
relatable 😆
For Real
Congratulations for completing 1 month of #Sigmawebdevelopment course 🎉🎉
6:13 - Numbers 3 and 4 were close to your hands and henceforth for the height, you typed '344px' and it is the exact opposite for Numbers 2 and 9.
what does the second part mean ?
Best web development course ever on youtube history
Thanks! harry bhai you are really lord ....Keep this continue .we people are behind you and we will support you till end
where u r from bro
@@Quester2023-xp7rb 2 rs nahi hai, anpad ki aulaad hai kya
@@Quester2023-xp7rb bahi ye 2 rupees nahi 2 euro hai
@@Quester2023-xp7rb gawar 2 euro hai 2 rupay nahi
Jammu & Kashmir India . Abhi Europe mein hu @@elonmusk23213
❤Literally... No one can beat harry bhai in the matter of consistency.....
Posting one video daily for approx 100 days is insane....
❤❤❤❤❤
Congratulations to 20k that learners , who're consistent in Sigma Web Development Course. And thank you Harry Sir
This man could have earned millions of rupees by selling this course, yet he chose to keep it free for us. Harry deserves much respect. 🙌
#SigmaBatchOP
Aj pura 1 month complete ho gaya 🚀. Harry Bhai thanks a lot. #sigmabatchop
5:45 div.box*3 likhke enter karne se 3 div with class 'box' ban jayenge, alt+shift+down karne ki jarurat nahi
I need bro
Ye batado k mere laptop me toggle device toolbar nhi aarha h to me kia kru
Alt+z
Guys!! If you are confused to follow this course. I am telling you this type of course is worth it. don't confuse just follow this course.
Sigma batch OP
Proud to be Sigma Army.
Thank you Harry Sir for your incredible, free TH-cam content. Your tutorials have been invaluable on my coding journey. Your dedication to teaching is greatly appreciated.
I am following this course and i am learning many things more than my computer teacher
Harry bruh ❤❤🎉
Thank you for your incredible, free TH-cam content. Your tutorials have been invaluable on my coding journey. Your dedication to teaching is greatly appreciated.
Intro is really giving me the vibe!! This course is going to be really great 🗿🗿
CSS media queries are used to apply different styles to a document based on various characteristics of the device or viewport, such as its width, height, resolution, and other features. Media queries enable you to create responsive designs that adapt to different devices or screen sizes. They are commonly used in conjunction with CSS to implement responsive web design.
Basic Structure of Media Query:
@media media-type and (media-feature) {
/* CSS rules to be applied when the media query conditions are met */
}
1.@media: This is the at-rule that defines a media query.
2.media-type: Specifies the type of media to which the styles apply. Common values include screen (for computer screens), print (for printed pages), and all (for all media types). The screen type is most commonly used for web development.
3.media-feature: Describes the characteristics of the targeted device or viewport, such as max-width, min-width, orientation, etc..
Media Query play a crucial role in responsive web design by adapting layouts and styles to provide an optimal user experience across a variety of devices and screen sizes.
Thanks bro
Thank you 😊
Harry, please don't stop giving us quizzes at the end of videos. It helps us challenge ourselves to create something new and increase our knowledge☺☺
There's a New & easy ways to use Media Queries:
@media only screen and (width greater than [your size]
< smaller than [ your size]
and so on ...
=
can we put Width and Height together ??
@@rupesh_vaghmare Yes, you can put width and height together in a media query.
@media only screen and (width
Thanks bro.. @@abdulsaboor2004.
This guy is a beast, he maintains our energy at high level.
Tutorial 31 done.✅
SIGMA BATCH OP!
the quality this course carries with itself is uncomaprable
Is flex box ne saari CSS rok rakhi hai😂😂😂
10:58 bhaii Ghar mat ana. Playlist abhi checkout karke save Kar raha hu.
Btw love your work and dedication man.
Pin karoge to aapne gaaon aur tau ki zamin aapke naam kar dunga
Nhi
😂
Yaar harry bhai...
Ab kar le name pe 😂😂😂
😂😂 harry sir itne asani se dil ya pin nhi karte comment ko
ab apke har logic ko decode krne k liye hi to yaha aaya hoon & by the time we will know the logic behind 344px 😇❤️
#SigmaBatchOp
I also not know the logic he often used 144, 344 px.
@@SHASHANKMISHRA-o9r same here 🤣
Salute to your consistency ❤🙏
Absolutely great course given free by harry bhai..... Thank you harry bhai 😊
harry bhai, left side se folder wali side hata lia karo vscode mai. Thoda easy ho jata hai view.
And you are doing a great job. :))
Also aapki wait kar Raha hu, playlist bookmark karvane ke bahane Milne to aaoge mere ghar😅😂
[ CSS 2 --> Media Rule ] then in [ CSS 3 --> Media Tool ] ::::: - For the purpose of making responsive Websites, 'Responsive' in the sense of it's ability to adapt according to the different sizes of devices, the website is being accessed through.
SYNTAX :-
@media screen and (property : ) { css code }
@media only screen and (property : ) { css code }
@media not screen and (property : ){ css code }
Here,
property can be (max-width : 12px), (min-width : ), (orientation : )
"EXAMS ARE NEAR"
"NOTHING IS CLEAR"
"NO NEED TO FEAR"
"WHEN HARRY BHAI IS HERE"
Thanku sir for great explanation
LOVE FROM NSP BSC CS🎉🎉
Congratulations for completing 1 month of #Sigmawebdevelopment course
thank you so much for such an amazing content ....we really appreciate and respect your efforts😄😄lots of respect and love for you😊
Tutorial 31 done. Sigma Batch OP!!!
greatest for a reason, cant believe this is free
thanks dude
sigma batch OP
Hmare ache future ke liye plz aap apni excitement aur consistency bnae rakhe❤😊#sigmabatchop
Tutorial 31:done
Sigma Batch op
Tutorial - 31 Done✅
#Sigma Batch OP
Really amazing Course❤🔥
Watching from Nepal
Lots of Love Harry Bhai 💚
Sir aapki har ek video main mzaa ata hai aap ka pdhane ka tarika hi unique hai
#SigmaBatchOP 🌟🌟🌟🌟🌟This Course Deserve Millions Stars Harry Welldone Brother
Love absolutely every part from intro till end. Is it just me or does it get difficult to manage listening him, watching the changes and coding it simultaneously . This might be are the only videos I need to slow down the playback speed ;)
#SigmaBatchOp #HarryBhaiyaOp apko dkh kr humko bhi excitment mil jati hai bhaiya
Sigma batch OP
bhai amazing method of teaching at online platform ❣
Love the way you teach Web development ❤❤
Tutorial - 31 Done ✅
#SigmaBatchOP #HarryBhai
Thank you ❤ Harry bhai for this amazing course
🎯 Key Takeaways for quick navigation:
00:00 📱 *Media queries are essential for responsive web design, adjusting styles based on device characteristics.*
02:23 📏 *Media queries syntax includes `@media` with optional `only` or `not` keywords, specifying the media type (e.g., screen), and conditions like `max-width`.*
04:52 🖥️ *Example of a media query: `@media only screen and (max-width: 455px) { ... }`, adjusting styles for screens with a maximum width of 455 pixels.*
08:13 🔄 *Breakpoints in media queries help customize styles for different device categories, enhancing the responsiveness of the website.*
09:39 🔄 *Use `orientation` in media queries to targetspecific screen orientations, adjusting styles accordingly (e.g., `landscape` or `portrait`).*
Made with HARPA AI
SIGMA BATCH OP
Harry bai kafi Informative course ap ne Upload kia he
Bari Exitment hoti he ap ka mazaq or course dekh kar
Harry bhai , you are really a kind man .
East or West Harry bhai is best 😎
Proud to be the Student of Sigma Web Development course #SigmaBatchOP
🔥
#Day3 25% completed...now going to get some lunch.
North to South, East to West
Only and only harry bhai is best
#codewithharry #sigmabatchop
Sigma batch is op❤
Thanks Harry Bhai ❤ for giving this quality content for free
Aisi kahani sunaaonga jaise daada ji sunate the poton ko 💀 1:51 by the way harry bhai is my favorite teacher for coding. ❤ #SigmaBatchOP Playlist Link: th-cam.com/play/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w.html&si=fIH-xQla6vMhyS2d
completed one month of sigma web dev course 🎉🥳💖✨
May GOD always bless you and keep you happy and successful !
FAV NUMBERS OF #HARRYbhai : 45, 56, 23, 78 AND 89 😂😂😂 AREE YRR 12 MISS HO GYA THA :)
Hi sir, thank you for your sigma web development course. I am from Bangladesh. I show you all course. I know hindi but understand hindi. Sir please more use English in your course.
Yes he does, nice to hear that from Bangladesh people are coming. Harry is a nice man.
abe chup, hindi hi theek hai
❤️🙏
Sigma Batch OP.
❤️🙏
harry bhai sub se phly to apka jo course hy ap koi jis proper nai bata thy or bus ap ikhna start krden thy hu or samjhty kam hu aesa thori learn krwaye jata hai
Sigma batch is all time OP🔥🔥🔥🔥🔥
344px isliay k mera bhai genious hone k sath sath boht aalse b hai q k 3 & 4 aaju baaju me he hain...isliay.....love u Harry Bhai from PAKISTAN 😍😍😍🥰🥰🥰
Ye ekdam condition ki trah hai.. if agar ye hua to ye apply higga warna apply nhogga .. that set.❤
Thank you for your incredible, free TH-cam content. Your tutorials have been invaluable on my coding journey. Your dedication to teaching is greatly appreciated.
sigma batch OP🔥🔥
Sigma Batch OP.
SIGMA BATCH OP......❤
Query got solved in flash of a time. Thank u Harry sir❤
0:38 Sigma Batch OP ❤❤❤❤
@media only screen and (max-width: 455px){
body{}
.box{}
}
@media only screen (orientiation: landscape/potrait){
.box{
border : 2px solid purple;
}
}
THANK YOU SOO MUCH...I HAD A CLIENT WHO WANTED A RESPONSIVE WEBSITE AND IT WAS DONE BUT WASNT RESPONSIVE AND I STRUGGLED HOURS FIGURING OUT HOW TO MAKE IT RESPONSIVE AND ITS FINALLY PERFECT!!!! THANK YOU SOOOOOO MUCHHHHHHHH, YOURE A LIVE SAVERR.
May i ask how are u getting clients this early? Are you experienced or what?Do tell
6:03 because, 3 and 4 bohot pas hay apasmay, so you use 3 and 4 ❤❤❤❤❤❤❤❤❤❤❤
Hats off to you Harry ! watching from Portugal
Sigma batch op!❤
#SigmaBatchOP
Best Web Development course and that too, in Hindi. Thank you Harry bhai! Your contributions are priceless.
This topic i want .so this time the sigma batch is op man .....😊😊😊
#sigmabatchop
harry bhai video ke end me hi kuch exercise de diya kro jisse hme bhi or confidence ayega
Thanks bro to us free of cost how to make a website
u r great bhai ......thanks
Sigma Batch OP❤❤
Sigma batch op Harry bhai ❤❤❤❤❤
Sigma Batch op 🤩🤩🤩🤩 love you harry bhau😇
Juska mujhe tha intejar ❤😂
Media query done ✅
#SigmaBatchOP 🔥
Thanks Harry bhai❤
thank you harry sir, your notes is valuable on your blog website
any number multiplied by 9 will always result in a number whose digits add up to 9. 6:13
Thanks Harry For This Wonderful Playlist In Free With Op Qaulity And Qauntity of Videos
Sigma Batch OP
Harry Bhai OP
0:44 Sigma batch op
Sigma Batch OP ❤🔥
Sigmaa batch always op❤❤🎉🎉🎉🎉🎉
Love you harry vhai...please javascript ki course upload do🥰
Sigma batch OP.
Jai ho Harry bhai ❤
this man is LIT ❤🔥🔥
Loving this course❤
Great Video I am waiting a lot for #media qouries
Awesome video😎😎👍👍
lesson toh bohot accha dete ho bhai but thoda jaldi video upload karo bcz i already completed lat 31 videos & now i'm waiting for next video.........😑😑😑😑😑😑
thnx bhaiya :)
completed on 29/2/24