Background-image gone missing

Hi folks!

Why doesn't the

background-image

background-image

show up in my

.header

.header

and

.end-box

.end-box

selectors?
https://codepen.io/amarlong/pen/LYrmpNO

I've tried to remove the background-color of course, but have left them in for now to have some yellowness going.

CodePenÅ Marlon G

Basic grid responsivness (image, text, cards)

...

Jochem•11/25/22, 11:32 AM

https://unsplash.com/photos/ZiG6GmNlfeI isn't a reference to an image, but a page the image is on. You need a direct link to the image itself

Photo by Bekky Bekks on Unsplash

hello yellow on a small wall – Download this photo by Bekky Bekks on Unsplash

MarkBoots•11/25/22, 11:32 AM

yep, that one is
https://images.unsplash.com/photo-1602108987428-4768d7c7ecbe

Jochem•11/25/22, 11:33 AM

and if you ever use it for something other than just a development website, you should download that image and host it yourself instead of linking to unsplash

Jochem•11/25/22, 11:34 AM

and make sure the license allows that use (which the Unsplash license generally does)

Å Marlon GOP•11/25/22, 12:10 PM

Absolutelly! This is just for testing in codepen.

So this turned into an unsplash question then. Because I thought one could use unsplash images (free ones) for free, and if you search for an image and find something you want to use (through source), how would I get the correct url for the above image?

MarkBoots•11/25/22, 12:12 PM

you got the page url. to get the image, right click and copy image link

MMarkBoots you got the page url. to get the image, right click and copy image link

Å Marlon GOP•11/25/22, 12:14 PM

Thank you!