17. Images, backgrounds and fitting pictures

Lesson 17

Images, backgrounds and fitting pictures

Unlock this lesson

Create a free account, then buy the course to open every lesson.

What you will learn in this lesson

  • Stop pictures from looking squashed with object-fit.
  • Keep boxes the same shape with aspect-ratio.
  • Use a background image and a gradient behind content.
  • Build a hero banner for Chai Corner.

70 minutes Lesson 17 of 30

Everything in Web Foundations

  • 30 step-by-step lessons
  • 3 mini projects with solutions
  • A final project for your portfolio
  • Real commands and real output in every lesson
  • Practice task with a solution in each lesson
  • Progress saved to your account