Learn CSS background in 3 minutes 🌆
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=zHZRFwWQt2w
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. • • 🔗 Links • ✅ How to select things in your CSS: • HTML CSS for Beginners Part 9: Exte... • ✅ Why you should use Firefox when learning CSS: • Stop using Chrome if you're writing CSS • ✅ How I update the browser on save: https://marketplace.visualstudio.com/... • ✅ How to control your background-images: • Controlling background-images | CSS T... • • ⌚ Timestamps • 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 • • #css • • -- • • Come hang out with other dev's in my Discord Community • 💬 / discord • • Keep up to date with everything I'm up to • ✉ https://www.kevinpowell.co/newsletter • • Come hang out with me live every Monday on Twitch! • 📺 / kevinpowellcss • • --- • • Help support my channel • 👨🎓 Get a course: https://www.kevinpowell.co/courses • 👕 Buy a shirt: https://teespring.com/stores/making-t... • 💖 Support me on Patreon: / 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. • • Twitter: / kevinjpowell • Codepen: https://codepen.io/kevinpowell/ • Github: https://github.com/kevin-powell • • --- • • And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
#############################
