How To Make Website Responsive Using CSS Media Queries | Responsive Web Design Tutorial

Learn How To Make Website Responsive Using HTML & CSS Media Queries | Responsive Web Design Tutorial for beginners
Part 1: • How To Make Animated W...
❤️ SUBSCRIBE: goo.gl/tTFmPb
------------------------------------------
Recommended Course
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
In this video we will learn about CSS media query. we can make any website responsive with the help for css media query. We will create the responsive website for an animated website created on my channel using HTML and CSS
-------------------------------------
Recommended Videos:
HTML and CSS For Beginners:
► • Complete HTML & CSS Co...
Make Startup Website using HTML and CSS:
► • How To Make Website Us...
Make Complete Website using HTML and CSS step by step
► • Top 5 Complete Website...
Mouse move animation using HTML CSS JavaScript:
► • Make Website With Anim...
Make Website with animation using HTML and CSS:
► • How To Make Website Us...
Ecommerce Website Design Using HTML and CSS:
► • How To Make Ecommerce ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-----------------------------------
Image Credit:
www.freepik.com
-------------------------------------
Like - Follow & Subscribe us:
◼️ KZbin: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

[@pourya6351]

trust in youtubers and programing teachers with strong indian accent

[@codigoam9364]

Yeah the indian are good in esports in maths in programming etc 😂

[@Keethu30]

I never see like this video every beginer need this type of explaination

[@codingninja01_]

Sign-up areas turned out great

[@chevangchevang8675]

Thank you bro.. Your so really cool you have a good pronounce of English speaking.. And i learn so much in you you dont know how i needed this one.. Some indo youtuber pretty dably speaking of englishh😅 I didn't understand what there saying.. But you.. Keep it up..❤❤

[@spsujoypaul9268]

Wonderful... I love programming ❤

[@Study-bd]

kzbin.info/www/bejne/gqXbY56CgrOChbc

[@Peelinf]

Great tutorial for programmer beginners!👍

[@MMm-ux3wg]

Very helpful. Thank you

[@guddytech1454]

Thanks a lot, this was awesome

[@gavit633]

Thanks brother from India 🇮🇳

[@webdeveloperanddesigner2076]

Thank you from the bottom of my heart ❤️

[@CodingOmega]

It's just #MindBlowing bro ❤️

[@imonraj]

Your videos are beautiful bhaijan❤️

[@junaidshaikh1538]

Can we stop using px values, because we have em rem, make videos of using them more frequently and easily

[@spartan18788]

I keep having right side white space issue in my website. Even though I have added overflow-x:hidden; but still it keeps happening on 1024px and below that. Kindly provide help

[@carl2143]

awesome. 10/10. Thanks sir 🙏🙏

[@sidemirrorvideo]

Thank you very much sir

[@tanzimrahman994]

Love this channel

[@challengeforcreating9768]

lovely!!

[@pranithapinky3054]

The way u explain every step is simply superb❤ but can u make a video on how to add javascript to this website

[@andrejkling3886]

Amazing... thank you for sharing 🙌

[@GreatStackDev]

Glad you enjoyed it!

[@mrandersoncga]

show! very nice!

[@ydggaming114]

explained perfectly 🥰🥰

[@sankarmouali8911]

Nicely done

[@joshuaobed7315]

Thank you so much

[@Savyasachi_arjun]

thank u so much sir for helping to make website responsive👌👌

[@mouneshnhadimani4765]

Thank you, dude. You made my day today

[@aogunnaike]

Awesome

[@OfficialFrager]

1M soon🎉.

[@tenc6491]

You're awesome!

[@broke0482]

Bro plz make a big bubble website which it move one place to another place. When it's move slowly It’s turn into big and last time it will be vanished or when i take mouse anywhere it will move with mouse... Plz bro if u interest plz make

[@leonmarienga3293]

Thanks man

[@mister_meatloaf]

Helpful.

[@pritamdas1031]

👍 nice one....

[@kavalisuresh8670]

Just wow

[@freelearning35]

Amazing video😊

[@malik_official_78]

Great tutorial

[@websitecreators5197]

awesome your channel

[@harsimranjit2962]

sir make a video on taking website online and where are the information saved when a user puts in. and also can you please share this html code.

[@nomanansari3802]

Thank You So Much for this video sir it's really helpful. But I have one Query (" Can we paste the same code for tablet which we have written for mobile device ? ") Pls Reply. Thank You

[@tanishkadesai7683]

Good!!

[@jhmpeters]

Great, please make a new video about a responsive mobile first navbar with hamburger icon and cross icon to open and close menu itemswith javascript. Then show how to extend the navbar to a bigger desktop screen and how to hide hamburger. Please make at least one menu item with a drop down.

[@darrylmacarandan5650]

What should i learn, media query or bootstrap?or both?🙏

[@mobaildigiha-sv1cb]

Perfect ❤👌🏼

[@vaibhavudande9837]

plz make a tutorial on wireframing ....most requested one plz

[@sayeedsiddiqui6900]

awesome bro

[@snigdhoshakib4346]

Super bro

[@ignorethechannelforcomment4174]

Thanks mam

[@alpha23381]

nice bro, keep it up

[@ImranKhan-dl4gn]

Wow

[@mdsabujmia3099]

Thanks a lot Brother.

[@GreatStackDev]

You are most welcome

[@aditya._.official]

If teachers will be like you there is no fear in frontend development 😂

[@GreatStackDev]

Thanks Aditya, Glad you liked my tutorial

[@vivianokpara]

@@GreatStackDev please how can I transfer the website to my mobile phone

[@OdambsTech2020]

You guys are the best 👍👍👍

[@GreatStackDev]

Thanks Alex, Glad you like my tutorials

[@user-rr7di8lg8i]

cool video)

[@venkatasubbaiahjakkampudi8606]

This is working on pc with inspect when i host the website but its not working on the mobile i gave the viewport meta tag too

[@BusterBattles]

Im having a problem when trying to make a landing page. When it i finish it looks good on pc, then when i fix it to look good on iphone 13, it changes when looking on samsung of iphone se, how do i make it so it looks good on all phones?

[@afaqahmad8918]

Perfect bro thumbs up 👍🏼😍

[@GreatStackDev]

Thanks ✌️

[@draft_fusion]

Confused as I get a strike though in the developer inspector for the size of font, I have been deep searching how to fix it but cannot understand where I went wrong or how to fix it

[@advanced-developers]

Good

[@aswath2359]

How did you animated the bubbles ??🤩🤩🤩 it's so awesome...please make a video for animation 😍😍!

[@GreatStackDev]

Here it is: kzbin.info/www/bejne/eYu3dJaffapqaKs

[@aswath2359]

@@GreatStackDev tq u so much ...your videos are awesome , easy to understand 😉.... cool effects ...awesome works keep doing easy tutorial🥳🥳🥳

[@nidawaheednidawaheed7689]

I am a student of website designing and I am 7 years old but I understand from you not from my teacher you are explaining well

[@pauljohn3898]

looks awesome keep going

[@Study-bd]

kzbin.info/www/bejne/gqXbY56CgrOChbc

[@vamshireddy8187]

super

[@AhnafOnoy]

Tell us you are a website designer without telling us you are a website designer

[@Pikachu12464]

I'm a web developer

[@randykeetley9780]

Tell us you live on tik tok without telling us you live on tik tok 🥱

[@ahmeeff8665]

Code not working 😂

[@dannyboy7861]

Padding-right: 10px;

[@isyedmoin]

I KNOW HOW TO MAKE ALERT

[@nnnnnnnin]

Could you give a link of previous video? Thanks beforehand

[@LibraryOfTheOligarchs]

What program shows different mobile devices based on the @media?

[@justtrends5331]

Nice job bro!

[@Study-bd]

kzbin.info/www/bejne/gqXbY56CgrOChbc

[@elumalai7821]

Before this video, I had no idea about Responsive but now I am clear. thanks lot bro

[@yazilimcikedisi]

Thanks a lot :)

[@GreatStackDev]

you are welcome cansu

[@abdullaywourmonychol1626]

can add the contents in that menu bar?

[@milesmatic2872]

nice webdesign!

[@GreatStackDev]

Thank you!

[@marieb4314]

Pleade how do i get that small screen asyou did to start modify the code on my pc

[@Okord_Obasi]

Hello, please where is the link for the image of the mobile version

[@mahnazataie1116]

Does it work for all kind of websites??

[@yayasin39]

Second view ❤️❤️❤️❤️

[@meghanainti7428]

how can I openn it in other device is that possible

[@ayushmanpatra8262]

Please Make a video on How to covert a text Into a logo I m a beginner and very eagerly meed your help

[@Study-bd]

kzbin.info/www/bejne/gqXbY56CgrOChbc

[@saeidattari]

Good day every body and thank you for sharing this video. Could you plase explain how to find the html file of our website. Thank you in advance for your response.

[@i-rahul]

[@UsefFathyDev]

where can i get this pic???

[@user-gx2it3tz4t]

how can i get the images used

[@cursorvideos-fp7rd]

We want a tutorial on how to connect registration form to PHP admin and insert data into it

[@shahidabass5072]

hello brother! where i can get the source code,

[@richavila29]

now how to link those social links?

[@SAGskills]

Please make mobile applications using Android studio flutter please

[@nadeemcr7]

Tutorial this code pls

[@riteshpandey888]

sir I didn't understand position: unset in media section.

[@bgmtrapantonybio]

🎉

[@MariKimari-dj3zi]

my website gets messy when i view it on my desktop site of my phone.

[@devanshgamer642]

How to add the link

[@hindustaneditz4516]

Bhaiya aap itne acche background photo kaha se download karte ho

[@statuscreations9202]

bro how to view our wedsite in android and to access a wedsite in android ? bro plz .

[@veduthegamex]

Ho ga kya apla

[@rameesakamran3995]

don't you have github account?share the link..

[@GreatStackDev]

Sorry Rameesa, I make video to watch and learn

[@rameesakamran3995]

@@GreatStackDev great...your videos is too helpful for me

[@rameesakamran3995]

can u plz make a video for complete sign up form with html css and javascript?

[@GreatStackDev]

Form front end design with HTML CSS JS: kzbin.info/www/bejne/rGqYpKulerqEpqs Form with database connectivity with PHP & MySQL: kzbin.info/www/bejne/hImkeZ6nnq6YpsU

[@AckermanRB]

Is it possible to use Visual Code studio not Bracket ?

[@Robert-um2oe]

brother its only up to you . i use vs code myself .

[@AckermanRB]

@@Robert-um2oe Ok thanks

[@xero-od9yb]

where is the code

[@Asif_jafri]

Netflix clone webpage dose not responsive plz set us

[@sad.life.youtube]

can you give the code in comments section

[@ketchemjunior5490]

i seriously need help with applying media queries.. please anyone drop your Twitter handel and i will send you a photo of what i did i plese someone tell me where i went wrong... please 😭😭😭😭

no source code?

[@CodedGalaxy]

Really I can't Understand That Things

[@Investments1212]

What about my whole page is zoomed

[@cray.z8869]

noob

[@Investments1212]

@@cray.z8869 i am not forgetting you

[@cray.z8869]

@@Investments1212 uh oh