In this video, I look at how to set a background image, problems people run into with them and how to fix them, and finish things off with a bonus tip on readability.
✅ How to select things in your CSS: https://www.youtube.com/watch?v=JVsI0fspik8&list=PL4-IK0AVhVjM0xE0K2uZRvsM7LkIhsPT-&index=9
/>✅ Why you should use Firefox when learning CSS: https://www.youtube.com/watch?v=a-V8GFtwjos
/>✅ How I update the browser on save: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
/>✅ How to control your background-images: https://youtu.be/3T_Jy1CqH9k
00:00 – Introduction
00:47 – Don’t have the images in your HTML
01:29 – Use an external CSS file
03:45 – Linking a background image in an external CSS file
05:58 – Fallback background-color
06:45 – Don’t use heights
08:21 – When the image doesn’t show up
10:43 – background-repeat
12:26 – When an image is too big
14:36 – Making an image fit
16:59 – BONUS – making the text readable
Come hang out with other dev’s in my Discord Community
Keep up to date with everything I’m up to
Come hang out with me live every Monday on Twitch!
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
My editor: VS Code – https://code.visualstudio.com/
I’m on some other places on the internet too!
If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!