Full Screen Background Image with HTML CSS | Responsive Full Page Background Image CSS

Learn how to make a Full-Screen Background Image with HTML and CSS. In this video, you're going to learn how to set a Responsive Full Page Background Image by using pure HTML & CSS.

SECTIONS:
(00:00) -  INTRO
(00:25) - Adding The Background Image & First Styling
(02:23)  - The VH Unit & Viewport Explained
(04:10)  - Adjusting Background to Full Screen
(04:53)  -  Removing White Space
(05:20)  -  Final Styling

#responsive #css #webdevelopment

[dejihassan]

never seen a video so short, concise and straight to the point like this ever .Thank You!!

[nataliestepp]

I've been struggling for 2 hours trying to research how to do this! Thank you so much for posting this!

[raves_r]

I dont usually leave a comment but I feel like I have to in this video because you have helped me a lot. I have a web design project due a few days from now but I have no idea how to do a full screen image. You sir, just saved my grade. Thank you very much for this video and for the patience of explaining what a "vh" is. Your quality of teaching and content is worth a million subs. Again, thank you very much. Subscribed.

[fellowRaven]

Omg THANK YOU SO MUCH MAN! I have a project and the background image was irritating me 😭 you are a life saver, you earned a sub!

[Disciple]

As a non-native English speaker I'd like to point out your great English pronunciation and thanks a million for it!
And also thanks a lot for extremily clear explanation of the subject!
Like and subscribe!

[Memeseva_u]

the other vids had repeating background. THIS IS PERFECT! tysm!

[codegen.O]

Short, simple and to the point. Thanks!

[fitzysbaby]

thanks, i was using a different method which didnt like extending the image height wise, this is perfect !

[abbosshodiev]

Straight-to-the-point tutorial. Good job!

[clauclaudia]

Wowww, thanks a lot, I had around 5h watching videos and I didn't manage to change the size of the img, and with 5 min your video I manage to do it XD, great explanation!!

[LisekGG]

Pro tip: If you want the image to be centered vertically and horizontally add line: *background-position: center center;*

[dandi]

thank you!! everything is sooo clear, love ya

[Andyiinho]

Thanks, mate! This helped a lot, cheers

[ananyamitra]

I don't usually leave any comment but had to say this....thank you so much u made the perfect time saving straight to the point video ❤️

[JenniferPerez-noih]

Hi cem, from London, I must said that i start doing a webite, and i was struggling to find out how to cover the full page of the background with an Img, and your video just fixed my problems!!! Thank you :)

[onyegbulegodson]

Thank you man
This took me hours to figure out

[boriztsuyoshi]

Thank you i was searching for this syntax for like forever

[anniemeenie]

Thank you this was so concise and well explained!! You saved me so much time

[Crosbyte]

Yup, imma just say that you're awesome teacher. Keep it going, subscribed!

[feality]

This guy is the key! This is what I was looking for! straight to the point