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.

Build your next awesome project:

Background Image Credit ( by Sophie Turner on Unsplash)

Source Code:

Chapters:
00:00 What we are building / Full-Screen Background Image
00:30 HTML
02:00 CSS
04:20 Adding other HTML content on top of the background image

[Midarii]

I love this! this works rather than the ai gave me or maybe I'm just suck at giving prompts. Thank you for this wonderful tutorial <3

[everyoneandnoone]

This was amazing and so helpful. Probably the best HTML guide I've seen yet. Good job. I really appreciate you helping me on this assignment I procrastinated on

[lionelfaith]

Keep up the good work and never give up on what you're doing, you couldn't imagine how helpful and unique your tutorials are because you don't just focus on coding but you explain every step. Coding website for absolute beginners can be very frustrated but thanks to your great work things are getting better, do more project on HTML, CSS and JS, teaching while working on projects is better than just making courses. Love you bro, keep coding and sharing your knowledge, I personally with always support you with likes, comments and even more. God bless you brother!

[chaithraprakash]

#background {
background-image: url(img1.jpg);
height: 100vh;
background-size: cover;
background-position: center center;
position: fixed;
}


'position: fixed;' is making my image disappear, why is that? can u give a solution for this

[MiroslavMilekić-bw]

Your instruction in styles.css cuts a big part of the image (top and bottom)

[Cocfans]

I am beginner in web development.

Currently, I am learning frontend. Can you please tell some important practical
Tips and highlights...😊

[aucklandpictures]

Im soon going to apply for jobs, but could not find any react projects (associate level) to practice, can you please????

[GevdthPwnzr]

i followed every step and it wont work