How to Make Background Image Responsive in CSS

How to easliy make your background-image responsive using CSS.
In this tutorial I use the code editor Visual Studio Code, but you can use any other of your choice.
Join Waatz Developer Discord server here: / discord
business inquiries: [e-mail]

[@abhishekT700]

Brooooooooooooo
Thanks a lottttttt
I was messing my head up in this problem for like 2 days and thanks i came across ur channel.
U not only fixed my prb of having the white space but also did made the image move.
U earned a sub.
Have a nice day

[@Bulldog_skin]

Thanks for the videos.. I just found them and they are very good. Informative and right to the point. I am new to this all and appreciate your help. Subscribed!

[@bautipiaggio]

Amazing tutorial my dude, just what i needed

[@L-231]

Straight to the point, love it. Subbed!

[@waatzdeveloper]

Thanks

[@ricrendrer]

I looked everywhere for it and it was your video that helped me. Thank you!

[@waatzdeveloper]

Great🥳👍

[@hedgehogf98]

This video was super helpful, thank you so much! I'd watched so many tutorials on background images in css but nothing was working how I wanted it to until I came across this video. :D

[@norvusordoseclorum]

This guy really deserves more subscribers. His content is excellent

[@waatzdeveloper]

Thanks🥳🙏

[@alexasanchobetherestors9962]

Thank you, man! That's very helpful!

[@waatzdeveloper]

Your welcome

[@funky6615]

Thanks a lot.. I have been searching for this from past 2days none of the tutorial helped me and finally your video solved my issue.. Thanks buddy.. You have gained a new subscriber🤩

[@waatzdeveloper]

Thanks😊👍

[@gustavomartinsalves2729]

thanks man you helped-me a lot

[@axl.ai101]

Your a legend, a life saver thank you
I subscribed oh

[@juanddjaramillo]

Cool, thanks man!

[@Paulo280713]

Thanks a lot sir, made it super simple to understand :3

[@isaiasjulio1]

Very helpful thank you!

[@samantavianeyrubiogarcia5162]

I really needed this. Thank you thank you thank you very much!!

[@waatzdeveloper]

Your welcome🥳👍

[@sharonedwin1403]

Thank you! You're a life saver!

[@waatzdeveloper]

Your welcome

[@brandonstevens5628]

awesome video! thanks :)

[@babitamohalik3448]

Thank you so much! 😊

[@jmg9509]

ABSOLUTE LIFE SAVER! Thank you so much, i was almost driven insane, but you gave the cure

[@waatzdeveloper]

Great, thanks!

[@itzxander1767]

Really appreciate your video

[@rajeshs5601]

Working fine Thanks bro

[@camiloalonso3709]

Big pp brother!! Quick, effective, simple.

[@waatzdeveloper]

Thanks😊

[@ramirami1232]

thanks.. you hepled me by this tuto

[@GeneralWinter9]

Thank you! You saved me!

[@microwavedmac7907]

thank you so much!!

[@TejashKumar-sc5wi]

you are really capable and deserves more and more subscribers, your content is soo helpfull for me and my friends ok
carry on brother and
please put such type of content on your yt channel and this is sooo helpfull for us ,
and thanks for this video

[@waatzdeveloper]

Thanks😍

[@bartoszraczkowski241]

Wow thank you very very much !!!

[@leodragonheart754]

Thanks alot!! fixed my problem =)

[@waatzdeveloper]

Your welcome 😊

[@aer0449]

OMG this helped me alot

[@kikifaqih_]

thanks broooo!!!!!
love from indonesia

[@emiliano9793]

Thank you very much Sir! Too much useful!!!

[@waatzdeveloper]

Your welcome 🥳

[@jorabekmamataliyev8727]

Thank you very much

[@08_dimasprasetyo9]

Thankyou so much, it's work on my website 😃

[@michaelasante5002]

Thanks very much. I appreciate it

[@waatzdeveloper]

Your welcome🥳

[@UnoUrong]

Yep! I was missing the "position" line... Thanks!!!!

[@souvikhalder4050]

nice , it help me lot

[@Ravinder1561]

Thank you so much ❤

[@Daejang99]

THANKS YOU!

[@subhamkhatiwada4986]

Can we make left and right not shrink?

[@khalilkhawaja4909]

You saved my life. Thank you.

[@waatzdeveloper]

Glad to hear it!

[@rehmatdesigns9125]

thanks man !

[@somesaykosm732]

in full sized browser window it´s always cutting of a piece from the top of the image. How can i fix that?

[@cecilialorenzini9597]

thank u so much. You're a genius!

[@waatzdeveloper]

Thanks :)

[@tem_vremenem_v_kanade]

Very nice, just wish you added the markup to a public repo

[@bellaching8064]

TYSM

[@GH_HeriS]

Very helpful

[@leakleak795]

thank you

[@gamesforyou3094]

thank you so mush sir

[@muralivelayudam8079]

Thank you

[@hiimifranco2840]

Tank you very much

[@26382877]

very good presentation

[@codewithsehran]

thank you sir ❤

[@JoanSantamariaHTTP]

Thanks a lot!!

[@sanketpotle1096]

Very useful 😊

[@abhishekak8597]

Thankyou sir 🙏
Make more videos

[@alexanderhamming5139]

thanks broski

[@MrTrendds]

Thank you so much 😩😩😩

[@teodornicolau5536]

It worked thank you

[@waatzdeveloper]

Great 🥳

[@Savyasachi_arjun]

Very nice sir❤❤

[@ccna3913]

How we can show complete image in mobile

[@paladinostore4295]

You save my life

[@KunalBobade-yt3bq]

how can i edit this in wordpress

[@BroadLLC]

USEFULL ☼

[@Boy-tz6hf]

My picture is being crop from sides how to stop croping

[@heinrichdapper2090]

Thank you!

[@waatzdeveloper]

Your welcome

[@XarnosShorts]

BRO UR SO GOOOD WTF THX

[@waatzdeveloper]

Thanks🙏

[@NileshPatil-si7dy]

thanks

[@kathunivers]

thanks man

[@waatzdeveloper]

Your welcome

[@Imran_hasann]

Bro.. sometimes image doesn't showing without set height...why?

[@Singsongsxox]

Thank you 😀

[@waatzdeveloper]

Your welcome

[@constantine9074]

didnt work with unsplash image inserted via url

[@aliaks1709]

Thanks

[@waatzdeveloper]

Your welcome😊

[@camiloalonso3709]

Just like that you got a sub here papi. Thnx

[@waatzdeveloper]

Thanks😊

[@sire906]

God bless you

[@NatureDiaries4U]

But in mobile view we can't see the whole image , right side green trees are hiding

[@bolastristes]

omg thank you :)🇦🇷

[@waatzdeveloper]

Your welcome 😊

[@abdimelo3343]

you are soo fucking helpfull straight to the point
i love

[@haikalrandom4482]

Terimakasih bang,mama mu pasti bangga

[@SizweMoabi15]

I LOOOOVE YOU!!!!!! UGHHHHH

[@waatzdeveloper]

Thanks😊

[@muhammadsafvankv9394]

its did'nt work for me

[@sharonedwin1403]

What if the picture loses it's clarity?

[@waatzdeveloper]

When does it lose clarity? How big is the image?

[@ccna3913]

When you reduce width of screen image is not show complete what the reason

[@Thembiola]

Only a few realized that.

[@yuto-_6353]

try the inspect element lol, its not center

[@SK-vg3mw]

Still holding Shib ? 😃

[@waatzdeveloper]

Yes, I have some. Why?

[@yonderwire]

give the viewer 2-3 secs to see the code, also turn off the help messages... but great video...

[@waatzdeveloper]

Thanks for the tip

[@satyamthassu1509]

You can pause the video like everyone else. It's very simple.

[@Code-CraftedCreations]

Helpful😀

[@waatzdeveloper]

🥳

[@nouf7437]

OMGGGG, thanks a lot sir!! it really helped me fixed my project!!!! 🫡

[@Brocoli6898]

Thank you

[@waatzdeveloper]

Your welcome