CSS Background Images and Responsive Image Properties for Beginners

CSS Background Images and Responsive Image Properties for Beginners

Dave Gray via YouTube Direct link

background-size

20 of 22

20 of 22

background-size

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

CSS Background Images and Responsive Image Properties for Beginners

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Welcome
  3. 3 Starter Code
  4. 4 Prevent content layout shift
  5. 5 Style responsive images
  6. 6 Remove the default space under images
  7. 7 Profile picture example
  8. 8 Hero section
  9. 9 Fallback background-color
  10. 10 Setting a background-image
  11. 11 background-repeat
  12. 12 background image patterns
  13. 13 background-size
  14. 14 Image size considerations
  15. 15 Make text standout over a background
  16. 16 Create a background mask layer
  17. 17 background-position
  18. 18 linear-gradient backgrounds
  19. 19 Multiple background image layers
  20. 20 background-size
  21. 21 Filling text with a background image
  22. 22 background property shorthand

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.