[Solved] Flexbox - make background fullscreen

[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.


Ah thanks! Seems to have done the trick!