[Solved] Flexbox - make background fullscreen


I’ve been trying to get the background image for my tribute page to fill the screen but it just stops at the image size. How do I get it to stretch?

N.b.Not too fussed about blurring for this project as I’m using an image from web so can’t edit it.

Thanks guys, #100daysofcode

Try adding background-size: cover;

Hi, I’ve tried that but nothing changed. I think it’s something to do with my syntax / ordering of css.


I checked out your code and found a rogue dash between back and ground-size.

1 Like

Ah thanks! Seems to have done the trick!